目录最初使用回调函数es6 异步处理模型为该异步模型量身打造的api : promise最初使用回调函数 由于最初j s官方没有明确的规范,各种第三方库中封装的异步函
由于最初j s官方没有明确的规范,各种第三方库中封装的异步函数中传的回调函数中的参数没有明确的规范, 没有明确各个参数的意义, 不便于使用。
但是node中有明确的规范
node中的的回调模式:
1. 所有回调函数必须有两个参数,第一个参数表示错误,第二个参数表示结果
2. 所有回调函数必须作为函数最后的参数
3. 所有回调函数不能作为属性出现
Es6 出现以后, 官方就提出了异步处理的规范, 提出了一种适用于所有异步场景的处理模型。该模型有:
任务已决状态后可能需要后续处理,
如何使用promise
Copy
const task = new Promise((resolve, reject) => {
// 任务未决阶段代码
// 立即执行
console.log("开始100米长跑");
setTimeout(() => {
if (Math.random() > 0.5) {
// 成功: 跑完了
// 推向成功
resolve("跑完了");
} else {
// 失败: 腿摔断了
// 推向失败
reject("腿摔断了");
}
}, 1000)
});
task.then((result) => {
console.log(result);
}).catch((error) => {
console.log(error);
})
1s 后任务推向已决, 后续处理在then 或者 catch中 处理。
注意
pending状态 =》rejected状态 :
Copy
1. 调用reject
2. 代码执行报错
3. 手动抛出错误
后续处理函数一定是异步的,且会放到微队列中,
j s执行栈清空后会先执行微队列中的任务,微队列里任务清空后才会执行宏队列中的任务。
Async await 是es7新增的promise的语法糖大家也可以了解下,本文只是对promise做了个概述,要掌握的其他细节还有很多
--结束END--
本文标题: JS ES6异步解决方案
本文链接: https://www.lsjlt.com/news/124906.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0