js按顺序执行多个异步函数

今天跟同事吃饭，无意间谈到了一个技术问题。

假如有多个异步函数，按照某个顺序执行异步函数，结果依然按照此顺序返回。

emmm...，按照自己的理解，随意写了一个方法。

主要用到Promise方法，话不多说，直接上代码：

1. 定义异步函数p1、p2和p3。

    var p1 = function (){
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('p1')
            }, 1000);
        })
    }
    var p2 = function (){
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('p2')
            }, 500);
        })
    }
    var p3 = function (){
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('p3')
            }, 100);
        })
    }

2. 将异步函数，按照自己定义的顺序，放到一个数组里

var fnArr = [p2, p1, p3];

3. 定义函数

var run = function (arr, start = 0){
     if(start > arr.length || start < 0) return; // 参数start不能超过    arr.length，不能为负数
     var next = function (i){
         if(i < arr.length){
              var fn = arr[i];
              fn().then(res => {
                  console.log(res);
                  i++;
                  next(i)
              })
          }
      }
      next(start)
 }

run(fnArr); // 执行方法

4. 输出结果，如图：

综上所述。

 

如果文章中存在错误的地方，麻烦请大家在评论中指正，以免误人子弟，谢谢！