Javascript 如何链接返回承诺或值的函数?

Javascript 如何链接返回承诺或值的函数?,javascript,promise,Javascript,Promise,我有一个我想按顺序执行的函数数组,其中一些函数返回一个承诺,而另一些函数只返回一个值 我希望函数一次执行一个,顺序是它们在数组中出现的顺序。如果函数返回一个承诺,我希望等待它解析为一个值。如果它返回一个值,我希望它只使用该值 我希望它如何工作的示例: function f1() { return 1; } function f2() { return new Promise(function (resolve, reject) { // ... resolve(4);

我有一个我想按顺序执行的函数数组,其中一些函数返回一个承诺,而另一些函数只返回一个值

我希望函数一次执行一个,顺序是它们在数组中出现的顺序。如果函数返回一个承诺,我希望等待它解析为一个值。如果它返回一个值,我希望它只使用该值

我希望它如何工作的示例:

function f1() {
  return 1;
}
function f2() {
  return new Promise(function (resolve, reject) {
    // ...
    resolve(4);
  }).then(function (num) {return num / 2; });
}
function f3() {
  return Promise.resolve("3");
}
var array = [f1, f2, f3];

chain(array).then(function (values) {
    // values == [1, 2, "3"];
});

如果任何承诺失败,链函数应停止执行并进一步传递错误。

在提出问题时解决了这一问题,并决定分享

function chain(array) {
  array = array.slice(); // Make a copy
  var result = [];
  return new Promise(function (resolve, reject) {
    (function chainLoop() { // Make an IIFE-based loop
      if (array.length > 0) {            // If we have elements in the array...
        Promise.resolve(array.shift()()) // Remove and resolve value of first element from the array
            .then(function (value) {
          result.push(value); // Push onto the result
          chainLoop(); // Loop - This won't cause a stack overflow, promises reset the stack
        }, reject);
      } else {           // Otherwise, if the array is empty...
        resolve(result); // resolve with our result array.
      }
    }());
  });
}
用法:

chain([f1, f2, f3]).then(function (values) {
  console.log(values); // [1, 2, "3"] (assuming f1, f2, f3 from the question)
});

如果阵列中有非函数,这将崩溃,因此有改进的余地,但这符合我目前的需要。

您当前的解决方案太过苛刻,承诺已经接受值和/或承诺
。然后,
,您可以将代码重构为:

var queue = Promise.resolve(); // start empty queue
var results = arr.map(function(el){
   return (queue = queue.then(function(){ // update the queue to wait for next promise
       return el(); // call the function, return it so the array resolves to it 
   }));
});
Promise.all(results).then(function(results){
     // access all results here
});