promise的异步链式调用

场景:  淘米  干净的米下锅  蒸米饭  吃米饭 ;这几个步骤是一个接着一个执行, 也就是只有前面的做完后, 才会去做后面的. 并且每一步都需要用一部分时间去执行.

 function deal(task, time) {
return new Promise((resolve, reject) => { //每次都返回一个新的promise对象,
console.log("开始" + task);
setTimeout(() => {
console.log(task + "完成了")
resolve();
}, time)
})
} // 执行后会每隔一秒显示 淘米 米下锅 蒸米饭 吃米饭
deal("淘米", 1000).then(()=>{
return deal("米下锅", 1000) //每次返回新的promise对象
}).then(()=>{ //then参数注册两个函数,第一个函数对应上个promise的resolve ,第二个函数对应reject. 各层执行完才能执行下层
return deal("蒸米饭",1000)
}).then(() =>{
return deal("吃米饭",100)
})

处理错误: catch能够抓住错误,catch的位置可以放到最后;

deal("淘米", 1000).then(()=>{
return deal("米下锅", 1000)
}).then(()=>{
// return deal("蒸米饭",1000)
throw new Error("电饭锅坏了") //此处抛出错误,如果没有注册下一个then的reject函数,catch会接住,并且不会执行后面的代码
}).then(() =>{
return deal("吃米饭",100)
})
.catch(function (err) {
console.log(err)
})

promise的异步链式调用

上一篇:js问题: is not a function


下一篇:源码实现 --> itoa函数实现