正文
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)
})
