JS實現序列請求

使用async和await

var fn = async function(promiseArr) {
    for(let i = 0,len = arr.length; i<len; i++) {
        currentPromise = (promiseArr[i] instanceOf Promise) ? promiseArr[i]  : Promise.resolve(promiseArr[i]);
        var result = await currentPromise;
        console.log(result)
    }
 }   
 fn(arr)

Promise實現

依照 promises 規範，一旦一個 promise 被建立，它就被執行了。如果then方法裡返回的是一個promise物件，那麼執行下一個then 的時候必定是在上一個then執行完之後執行。

關鍵點在於then的時候再建立

var createPromise = function(time) {
    return (resolve, reject)=> {
      return new Promise((resolve, reject)=>{
          setTimeout(()=>{
              console.log('timein'+time)
              resolve();
          }, time*1000)
      })
    }
}

function serpromise(arr) {
    arr.reduce((pre, next, index, carr)=>{
        return pre.then(next)
    }, Promise.resolve())
}

var arr=[createPromise(2),createPromise(1),createPromise(3),createPromise(4),createPromise(5)];
// 相當於
// Promise.resolve().then(createPromise(2)).then(createPromise(1))......
serpromise(arr)

參考自

https://cloud.tencent.com/developer/article/1525757

https://www.jianshu.com/p/3cb6ab992adb