Promise和Async的相关用法

Promise：

Promise最大的好处是在异步执行的流程中，把执行代码和处理结果的代码清晰地分离了：

串行执行三个promise对象，

job1.then(job2).then(job3).catch(handleError);

除了串行执行若干异步任务外，Promise还可以并行执行异步任务，all 、race。

1.Pomise.all的使用

Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。

let p1 = new Promise((resolve, reject) => {
  resolve('成功了')
})

let p2 = new Promise((resolve, reject) => {
  resolve('success')
})

let p3 = Promse.reject('失败')

Promise.all([p1, p2]).then((result) => {
  console.log(result)               //['成功了', 'success']
}).catch((error) => {
  console.log(error)
})

Promise.all([p1,p3,p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)      // 失败了，打出 '失败'
})

2.Promise.race的使用

Promse.race就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')
  },1000)
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('failed')
  }, 500)
})

Promise.race([p1, p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)  // 打开的是 'failed'
})

 

Async：

Async 是一个流程控制工具包，提供了直接而强大的异步功能。基于JavaScript 为 Node.js 设计，同时也可以直接在浏览器中使用。

Async 流程控制常用的方法有 series、parallel、waterfall

1. Async.series(tasks,callback)

• 用法
  series方法用于依次执行多个方法，一个方法执行完毕后才会进入下 一方法，方法之间没有数据传递

• 参数

• tasks：需要执行多个方法。tasks 可以以数组形式传入，也可以以 object 对象形式传入。每个方法都要一个回调方法

• callback(err, result)：
  * 作用：用于处理错误或进入下一方法。当发生错误时（即：err 参数存在时），其后的方法会跳过，错误被传入最终回调方法中
  * 出错处理方法：出措时，tasks 中抛出的错误将在此方法中捕获，错误被传入err参数
  * 不出错处理方法：不出错时，tasks 中回调结果将被写入 results 参数中，以数据或对象形式提供

//以数组形式传入需要执行的多个方法
       async.series([
         function(callback){
         callback(null, 'one'); 
       },
         function(callback){
        // 执行一些操作后，callback进入可选的最终回调方法
          callback(null, 'two');
       }
       ],
      // 可选的最终回调 
       function(err, results){
      // 当tasks中的任一方法发生错误，即回调形式为callback('错误信息')时错误将被传递给err参数，未发生错误err参数为空          
      // results中为数组中两个方法的结果数组：['one', 'two'] 
       });
 
      //以object对象形式传入需要执行的多个方法
      async.series({
           one: function(callback){
            // 执行一些操作后，callback进入下一方法
            callback(null, 1);
            },
           two: function(callback){
           // 执行一些操作后，callback进入可选的最终回调方法
          callback(null, 2);
          }
     },
     function(err, results) {
     // 当tasks中的任一方法发生错误，即回调形式为callback('错误信息')时，错误将被传递给err参数，未发生错误err参数为空
     // results中为数组中两个方法的结果对象：{one: 1, two: 2} 
   });

2. Async.parallel(tasks,callback)

• 用法
  parallel方法用于并行执行多个方法，所有传入的方法都是立即执行，方法之间没有数据传递。传递给最终callback的数组中的数据按照tasks中声明的顺序，而不是执行完成的顺序。
• 参数
• tasks：需要执行多个方法。tasks可以以数组形式传入，也可以以object对象形式传入。每个方法都要一个回调方法
• callback(err,result)：
  • 作用:回调方法需要提供一个err参数或是result参数。当发生错误时 (即：err参数存在时)，所有的方法停止执行，未执行完的方法将不会被传递至最终回调方法中
  • 出错处理方法：出错时，tasks中抛出的错误将在此方法中捕获，错误被传入err参数
  • 不出错：不出错时，tasks中回调结果将被写入results参数中，以数据或对象形式提供。

//以数组形式传入需要执行的多个方法
      async.parallel([
         function(callback){
         // 执行一些操作后，callback表示本方法执行完成
               callback(null, 'one');
         },
        function(callback){
        // 执行一些操作后，callback表示本方法执行完成
             callback(null, 'two');
       }
       ],
       // 可选的最终回调 
       function(err, results){
       // 当tasks中的任一方法发生错误，即回调形式为callback('错误信息')时，错误将被传递给err参数，未发生错误err参数为空
       // results中为数组中两个方法的结果数组：['one', 'two'] ，即使第二个方法先执行完成，其结果也是在第一个方法结果之后
});
 
     //以object对象形式传入需要执行的多个方法
     async.parallel({
         one: function(callback){
         // 执行一些操作后，callback表示本方法执行完成
            callback(null, 1);
         },
         two: function(callback){
        // 执行一些操作后，callback表示本方法执行完成
        callback(null, 2);
      }
  },
     function(err, results) {
    // 当tasks中的任一方法发生错误，即回调形式为callback('错误信息')时，错误将被传递给err参数，未发生错误err参数为空
    // results中为数组中两个方法的结果对象：{one: 1, two: 2} 
});

3. Async.waterfall(tasks,callback)

• 用法
  waterfall方法与series方法类似用于依次执行多个方法，一个方法执行完毕后才会进入下一方法，不同与series方法的是，waterfall之间有数据传递。waterfall的多个方法只能以数组形式传入，不支持object对象
• 参数
• tasks：需要执行多个方法。tasks只能以数组形式传入。每个方法都要一个回调方法callback(err, result1, result2, ...)，用于处理错误或进入下一方法。当发生错误时（即：err参数存在时），其后的方法会跳过，错误被传入最终回调方法中。无错误时回调参数result1, result2……将做为下一方法的输入参数
• callback(err,result)：
• 出错处理方法：出错时，tasks中抛出的错误将在此方法中捕获，错误被传入err参数
• 不出错：不出错时，tasks中回调结果results为最后一个方法的回调结果

async.waterfall([
    function(callback) {
        callback(null, 'one', 'two');
    },
    function(arg1, arg2, callback) {
        // arg1 现在是 'one'， arg2 现在是 'two' 
        callback(null, 'three');
    },
    function(arg1, callback) {
        // arg1 现在是 'three' 
        callback(null, 'done');
    }
], function (err, result) {
    //执行的任务中方法回调err参数时，将被传递至本方法的err参数
    // 参数result为最后一个方法的回调结果'done'     
});

总结：

series：多个任务依次执行
parallel：多个任务并发执行
waterfall：多个任务依次执行，上一任务的输出可做为下一任务的输入参数