promise 顺序调用

[sunhengzhe]

今天写代码碰到一个场景，有多个异步任务，且异步任务需要顺序执行（执行完一个之后执行下一个）。
最后异步任务写成 promise 之后都放在了一个数组里，需求是让数组里的 promise 顺序处理。代码如下

var arr = [
    () => new Promise(resolve => setTimeout(() => {
        console.log('p1 done');
        resolve();
    }, 3000)),
    () => new Promise(resolve => setTimeout(() => {
        console.log('p2 done');
        resolve();
    }, 2000)),
    () => new Promise(resolve => setTimeout(() => {
        console.log('p3 done');
        resolve();
    }, 1000)),
];

怎么实现，让这个数组里的 promise 顺序执行？即打印出 ->->-> p1 done ->-> p2 done -> p3 done

[sunhengzhe]

使用 reduce ~

arr.reduce((prev, cur) => {
    var p = prev().then(() => cur());
    return () => p;
});

[keer3]

arr.reduce((prev, cur) => {
    return prev.then(cur);
}, Promise.resolve()).then();

[sunhengzhe]

@miSunLaughing 用 async/await 也太狡猾了，哈哈

[miSunLaughing]

@sunhengzhe 哈哈，我把格式调下把代码贴出来吧

// 使用async函数
async function chainAsync(arr) {
  var ret = null;
  try {
    for(var item of arr) {
      ret = await item();
    }
  } catch(e) {
    /* 忽略错误，继续执行 */
  }
  return ret;
}