如果我正在执行如下所示的异步调用,如何将它们与 promises 链接起来,以便我可以按顺序执行操作?在此示例中,最终发生的是 arr
会将项目打乱。我更喜欢有 promise 的答案,但只要有效,任何事情都可以
var fbArrOfAlbumNames = ['Profile Pictures', 'Cover Photos', 'Mobile Uploads'];
var arr = [];
for(var x = 0; x < fbArrOfAlbumNames.length; x++) {
(function(cntr) {
FB.api('/' + fbArrOfAlbumNames[cntr] + '/photos/', {fields: 'picture,album'}, function(response) {
arr.push(response);
}
})(x);
}
最佳答案
假设您的 ajax 调用实际上可以并行运行并且您只想按顺序获得结果,那么您可以 promise ajax 函数并使用 Promise.all()
来按顺序获取所有结果:
// promisify the ajax call
function fbAPIPromise(path, args) {
return new Promise(function(resolve, reject) {
FB.api(path, args, function(results) {
if (!result) return resolve(null);
if (result.error) return reject(result.error);
resolve(result);
});
});
}
var promises = [];
for (var x = 0; x < 10; x++) {
promises.push(fbAPIPromise('/' + fbArrOfAlbumNames[x] + '/photos/', {fields: 'picture,album'});
}
Promise.all(promises).then(function(results) {
// results is an array of results in original order
}).catch(function(err) {
// an error occurred
});
关于javascript - 如何在 vanilla javascript 中将 promise 链接到 for 循环中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43130019/