我有一个来自库的函数，它返回一个承诺。我需要多次运行这个函数，但每次迭代都必须等到上一个任务完成。
我的假设是我可以做到这一点：
promiseReturner(1)
.then(promiseReturner(2)
.then(promiseReturner(3)
.then(...)
可以使用循环来简化：
var p = Promise.resolve();
for (var i=1; i<=10; i++) {
p = p.then(promiseReturner(i));
}
但是，当我这样做时，链中的每个承诺都会同时执行，而不是像.then() 似乎暗示的那样一个接一个地执行。显然，我遗漏了有关 Promise 的一些基本内容——但在阅读了几篇教程和博客文章后，我仍然迷失了方向。
【问题讨论】：
promiseReturner(n) 是返回一个承诺还是做一个返回承诺的函数？
标签： javascript promise
您的“非循环”解决方案也不应该起作用。您必须将函数传递给.then，而不是承诺：
var p = Promise.resolve();
for (var i=1; i<=10; i++) {
(function(i) {
p = p.then(function() {
return promiseReturner(i);
});
}(i));
}
如果该函数返回一个 Promise，那么您将获得链接效果。
关于MDN的承诺的更多信息。
可以使用let（和箭头函数）进行简化：
var p = Promise.resolve();
for (let i=1; i<=10; i++) {
p = p.then(() => promiseReturner(i));
}
或.bind（即 ES5）：
var p = Promise.resolve();
for (var i=1; i<=10; i++) {
p = p.then(promiseReturner.bind(null, i));
}
【讨论】：
i。这是通过let btw 修复的。
promiseReturner 不需要参数，您可以使用p = p.then(promiseReturner);（注意我没有调用该函数）。但实际上，除了 IIFE（立即调用的函数表达式），还有一个替代方案，.bind:p = p.then(promiseReturner.bind(null, i));。
如果您使用的是 es6，则可以使用 array.reduce 实现此目的。我觉得很巧妙。
const functions = [/* array of functions which return promises */];
const finalPromise = functions.reduce(async (promise, asyncFn) => {
await promise;
return asyncFn();
}, Promise.resolve());
【讨论】：
您可以通过 es6 生成器和 co 之类的库来使用 async/await。
co(function* () {
while(upto < 10) {
var result = yield Promise.resolve(true);
}
return result;
}).then(function (value) {
console.log(value);
}, function (err) {
console.error(err.stack);
});
这里有一些细节是如何工作的：http://davidwalsh.name/async-generators
【讨论】：
这是我用来解决相同问题的解决方案：
var recursiveFunction = function(values) {
return new Promise(function(resolve, reject) {
if (values.length <= 0) {
return resolve();
} else {
return promiseReturner(values[0]).then(function() {
values.shift();
return recursiveFunction(values).then(function() {
resolve();
});
});
}
});
}
recursiveFunction([1,2]).then(function(r) {
console.warn('Finished solving promises sequentially');
})
【讨论】：
相对于彼此同步执行 Promise 可能会很棘手。我在下面包含了一个使用 Axios Promise 的示例，但您可以用自己的 Promise 替换它们。祝你好运！
const get = (endpoint = '/', params = {}) => {
// return axios promise
return axios({
method: 'get',
url: apiHost + endpoint,
headers: { 'Authorization': 'Token ' + this.state.token },
params: params,
});
};
get('/api/some-endpoint/')
.then((response) => {
console.log(response);
//return next promise
return get('/api/another-endpoint/');
}).then((response) => {
console.log(response);
// return next promise
return get('/api/yet-endpoint');
}).then((response) => {
console.log(response);
// return next promise
return get('/api/last-endpoint/');
}).then((response) => {
console.log(response);
// finished, no more promises left in the chain
})
.catch(function (error) {
console.log('Error getting data', error);
});
【讨论】：
你可以通过nsynjs运行你的代码，它会暂停每个返回promise的函数的执行，并等待promise被解决：
var promiseReturner = function(i) {
return new Promise(function(resolve, reject) {
setTimeout(function(){
resolve("result is "+i)
}, 1000);
});
};
function synchronousCode() {
for (var i=1; i<=10; i++) {
var p=promiseReturner(i); // nsynjs will pause here until promise is resolved
console.log(p.data); // `data` will contain result of the promise
}
};
nsynjs.run(synchronousCode, null, function(){
console.log("finish");
});<script src="https://rawgit.com/amaksr/nsynjs/master/nsynjs.js"></script>【讨论】：