Promise.all方法

最新推荐文章于 2025-06-11 19:32:26 发布

原创最新推荐文章于 2025-06-11 19:32:26 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#pr

js 专栏收录该内容

20 篇文章

订阅专栏

本文通过实战案例介绍了如何使用 Promise.all 方法来同时处理多个异步请求。具体展示了如何利用 Promise 对象来封装 XHR 通信，并通过 Promise.all 来等待所有请求完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise.all 接收一个 promise对象的数组作为参数，当这个数组里的所有promise对象全部变为resolve或reject状态的时候，它才会去调用 .then 方法。

向 Promise.all 传递一个由封装了XHR通信的promise对象数组的话，则只有在全部的XHR通信完成之后（变为FulFilled或Rejected状态）之后，才会调用 .then 方法。

function getURL(URL) {
    return new Promise(function (resolve, reject) {
        var req = new XMLHttpRequest();
        req.open('GET', URL, true);
        req.onload = function () {
            if (req.status === 200) {
                resolve(req.responseText);
            } else {
                reject(new Error(req.statusText));
            }
        };
        req.onerror = function () {
            reject(new Error(req.statusText));
        };
        req.send();
    });
}
var request = {
        comment: function getComment() {
            return getURL('http://azu.github.io/promises-book/json/comment.json').then(JSON.parse);
        },
        people: function getPeople() {
            return getURL('http://azu.github.io/promises-book/json/people.json').then(JSON.parse);
        }
    };
function main() {
    return Promise.all([request.comment(), request.people()]);
}
// 运行示例
main().then(function (value) {
    console.log(value);
}).catch(function(error){
    console.log(error);
});

var a=new Promise((resolve,reject)=>{
resolve(212)
})

var b=new Promise((resolve,reject)=>{
resolve(4444)
})

Promise.all([a,b]).then(x=>console.log(x))

// [212, 4444]