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. 輸出結果，如圖：

綜上所述。

 

如果文章中存在錯誤的地方，麻煩請大家在評論中指正，以免誤人子弟，謝謝！