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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在香草javascript中的for循环中链接promise，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1147字，纯文字阅读大概需要2分钟。

内容图文

如果我正在进行如下所示的异步调用,如何将它们与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);
}

解决方法:

假设您的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
});

内容总结

以上是互联网集市为您收集整理的如何在香草javascript中的for循环中链接promise全部内容，希望文章能够帮你解决如何在香草javascript中的for循环中链接promise所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端