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