如何在 for 循环之后返回单个承诺，其中循环内数组的每个元素都执行多异步调用

Question

>我有一个对象数组，我需要用不同的值克隆它们。

在准备主要修改的对象数组后，我将最终从每个承诺中获得这些值，我必须保存它。所以我需要这个作为一个单一的承诺。

我不知道该怎么做。

这是我们需要克隆旧用户数据的示例。假设老用户的信用评分 = 100;但对于新用户，默认信用将由系统随机创建。

对于用户数组中的每个用户，必须使用异步调用更新很少的详细信息。 这是要求

function getUserCreditScore(user){
var url = '/someurl';
return $http.get(url).then(function(res){
user.creditScore = (res.data) ? res.data : 0;
});
}
function getUserRecomandations(user){
var url = '/someurl';
return $http.get(url).then(function(res){
user.recommendation = (res.data) ? res.data : 'basic recommendation';
});
}  
function getUserHelpInfo(user){
var url = '/someurl';
return $http.get(url).then(function(res){
user.helpInfo = (res.data) ? res.data : 'Help Info';
});
}  

function clone(){
var newUsers = angular.copy(oldUsers);
for (var i=0; i<newUsers.length; i++){
newUsers[i].id = undefined;
getUserCreditScore(newUsers[i]);
getUserRecommendation(newUsers[i]);
getUserHelpInfo(newUsers[i]);
}
var promises = _.map(newUsers, user => user.save());
$q.all(promises).then(function (data) {
console.log(data);
}
}

Answer 1

你需要在一组由getScreditScore返回的Promise上做Promise.all

类似的东西

function getCreditScore(){
var url = '/someurl';
return $http.get(url).then(res => (res && res.data) ? res.data : res);
}
function clone(){
var newUsers = angular.copy(oldUsers);
Promise.all(
newUsers.map(newUser => {
newUser.id = undefined;
return getCreditScore()
.then(result => newUser.creditScore = result);
})
).then(results => // results will be an array of values returned by the get in getCreditScore(newUser)
Promise.all(newUsers.map(user => user.save()))
).then(data =>
console.log(data); // this will be the result of all the user.save
);
}

注意：newUser.creditScore设置在 .then 的newUsers.map回调中 - (对我的原始答案的最小更改(

或者，将用户传递给getCreditScore

function getCreditScore(user){
var url = '/someurl';
return $http.get(url)
.then(res => (res && res.data) ? res.data : res)
.then(score => user.creditScore = score);
}
function clone(){
var newUsers = angular.copy(oldUsers);
Promise.all(
newUsers.map(newUser => {
newUser.id = undefined;
return getCreditScore(newUser);
})
).then(results => // results will be an array of values returned by the get in getCreditScore(newUser)
Promise.all(newUsers.map(user => user.save()))
).then(data =>
console.log(data); // this will be the result of all the user.save
);
}

就个人而言，我会编写代码

function getCreditScore(){
var url = '/someurl';
return $http.get(url).then(res => (res && res.data) ? res.data : res);
}
function clone(){
var newUsers = angular.copy(oldUsers);
Promise.all(
newUsers.map(newUser => {
newUser.id = undefined;
return getCreditScore()
.then(result => newUser.creditScore = result)
.then(() => newUser.save())
.then(() => newUser);
})
).then(data =>
console.log(data); // this will be the newUsers Array
);
}

不过，这假设您不需要在运行user.save()之前等待所有 $http.get - 事实上，这可能会提高一点(很少(性能，因为newUser.save和$http.get将同时运行

Answer 2

好的，我知道你的意思，你希望数组的每个元素都做一些异步的事情。

所以你可以使用map和Promise.all。这是我的代码：

const asyncFunction = (item, cb) => {
setTimeout(() => {
console.log(`done with ${item}`);
cb();
}, 1000);
}
let requests = [1, 2, 3].map((item) => {
return new Promise((resolve) =>{
asyncFunction(item, resolve);
});
});
Promise.all(requests).then(() => console.log('done'));