如何在香草javascript中的for循环中链接承诺

Question

如果我正在执行如下所示的异步调用，如何将它们与 Promise 链接起来，以便我可以按顺序执行操作？在这个例子中，最终发生的事情是arr 将推动项目乱序。我更喜欢有承诺的答案，但只要有效，任何事情都会做

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

Answer 1

假设您的 ajax 调用实际上可以并行运行并且您只希望结果按顺序排列，那么您可以承诺 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
});