JS 异步队列

Question

有三个执行函数，如何通过一个异步队列执行函数，使其能按照参数顺序依次输出?

function f1() {
  setTimeout(function() {    console.log('f1')
  }, 300)
}function f2() {
  setTimeout(function() {    console.log('f2')
  }, 100)
}function f3() {
  setTimeout(function() {    console.log('f3')
  }, 200)
}function doWork(list) {    // TODO}

doWork([f1, f2, f3])// 期待结果： f1 f2 f3

Answer 1

function f1() {              return new Promise(function (resolve, reject) {                 setTimeout(function () {                       resolve('f1');                 }, 300);               });         };        // 异步函数b         function f2(data) {              return new Promise(function (resolve, reject) {                 setTimeout(function () {                      resolve(data + 'f2');                 }, 100);               });         };        // 异步函数c         function f3 (data) {              return new Promise(function (resolve, reject) {                 setTimeout(function () {                       resolve(data + 'f3');                 }, 200);               });         };         f1().then(function (data) {            return f2(data);         }).then(function (data) {            return f3(data);         }).then(function (data) {            console.log(data);// abc         });

Answer 2

借用上面Promisefunction doWork(list) {    // TODO     return list.reduce((acc, cur) => acc.then(cur)); }