将 Promise.all 功能从 AngularJs 移植到 VueJs答案

【问题标题】：Porting Promise.all functionality from AngularJs to VueJs将 Promise.all 功能从 AngularJs 移植到 VueJs
【发布时间】：2021-12-19 19:26:23
【问题描述】：

我有这个需要从 AngularJs 转移到 VueJs 的功能，这让我很困惑！任何帮助将不胜感激:)

items = {
    one: {...details here...},
    two: {},
}

AngularJs

var promises = [];
var deferred = $q.defer();

angular.forEach(items, function(details) {
    promises.push(details.promise);
});

$q.all(promises).finally(function() {
    deferred.resolve();
});

return deferred.promise;

到目前为止我在 VueJs 中拥有的东西

let promises = [];

for (let [name, details] of Object.entries(items)) {
    promises.push(new Promise((resolve) => {resolve(details)}));
}

return Promise.all(promises);

谢谢！

【问题讨论】：

items 不是很有代表性。它的任何价值观都不是承诺。目前还不清楚Promise.all 和finally 在这里的用途。
将promises.push(new Promise((resolve) => {resolve(details)})) 替换为promises.push(details.promise)。

标签： javascript angularjs vue.js promise

【解决方案1】：

不需要new Promise，因为Promise.all 允许使用非承诺值。

对于当所有对象值都已解决（即已解决或被拒绝）时以undefined 解决的承诺（这是延迟的作用），它是：

Promise.all(Objects.values(items).map(({ promise }) => promise))
.then(() => {}) // if it's necessary to resolve with undefined
.catch(() => {}) // if it's necessary to not reject

如果所有值都不是承诺，则根本不需要Promise.all。

【讨论】：