javascript - 关于promise.all的问题

Question

Promise.all 不应该是数组中的所有promise执行完才会调用then中的方法吗。为什么当getGroupInfo,getUserInfo还处于pending状态的时候就执行then中的方法了呢？

Promise.all([getGroupInfo,getUserInfo])
.then((group,user)=>{
    console.log(group); //undefined
    console.log(user); //undefined
});

var getGroupInfo = new Promise((resolve,reject) => {
    $.get(basePath + '/getYourGroupsInfo',function(data){
        var groups = data.data;
        groups.forEach(function(group){
            $(".group").append(`
                <a class="item" data-id="${group._id}">${group.name}</a>
            `);
        });
        resolve(groups);
    });
});

var getUserInfo = new Promise( (resolve,reject) => {
    $.get(basePath + "/getLoginInfo",function(data){
        user = data.user
        console.log(data);
        resolve(user);
    });
});

Answer 1

你代码确定是这样写的么？
为什么Promise.all先调用，getGroupInfo/getUserInfo后定义呢？

Answer 2

首先，then方法是你自己调用的，所以then调用的的时机取决于你自己。

其次，Promise.all([p1, p2])在[p1, p2]都fulfill或则某个reject后，会调用then(fn)中的fn，fn中的参数一般只有一个，用法如下：

var p1 = Promise.resolve(3);
var p2 = 1337;
var p3 = new Promise(function(resolve, reject) {
  setTimeout(resolve, 100, "foo");
}); 

Promise.all([p1, p2, p3]).then(function(values) { 
  console.log(values); // [3, 1337, "foo"] 
});

详细用法请看MDN：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all