在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
最初使用回调函数 由于最初j s官方没有明确的规范,各种第三方库中封装的异步函数中传的回调函数中的参数没有明确的规范, 没有明确各个参数的意义, 不便于使用。 但是node中有明确的规范 node中的的回调模式: 1. 所有回调函数必须有两个参数,第一个参数表示错误,第二个参数表示结果 2. 所有回调函数必须作为函数最后的参数 3. 所有回调函数不能作为属性出现 es6 异步处理模型Es6 出现以后, 官方就提出了异步处理的规范, 提出了一种适用于所有异步场景的处理模型。该模型有:
任务已决状态后可能需要后续处理,
为该异步模型量身打造的API : promise如何使用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
后续处理函数一定是异步的,且会放到微队列中, j s执行栈清空后会先执行微队列中的任务,微队列里任务清空后才会执行宏队列中的任务。
Async await 是es7新增的promise的语法糖大家也可以了解下,本文只是对promise做了个概述,要掌握的其他细节还有很多 以上就是JS ES6异步解决方案的详细内容,更多关于ES6异步解决方案的资料请关注极客世界其它相关文章! |
请发表评论