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
});