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