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);
});
});
你代码确定是这样写的么?
为什么Promise.all先调用,getGroupInfo/getUserInfo后定义呢?
首先,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