JS - 使用 $q.when() 按顺序运行承诺，最后如何添加？

Question

我正在使用外部源生成对象，目的是处理它们的回调样式。不幸的是，这些回调可能会超出浏览器的堆栈限制，我必须记住 IE 的最坏情况是 500。

我已经使用 $q.when 重写了我的代码

   $scope.combinations.forEach(function(combination) {
        chain = chain.then(function() {
         return generateConfiguration(combination);
        });
    });

generateConfiguration 如果一个函数返回一个承诺。这一切都很好，但我想做的是在链的末尾添加 finally()。

到目前为止，我所做的是在 generateConfiguration 内部有一个跟踪器，它可以识别最后一个组合并触发应该由 finally 触发的内容。

有更清洁的方法吗？

Answer 1

这取决于你想做什么。

你正在创建一个承诺链，所以如果你想要一个单个 finally 用于链，只需将它添加到末尾之后 strong> 用 forEach 构建它：

// ...your forEach here, then:
chain.finally(/*...*/);

如果您想要来自generateConfiguration 的每个 承诺上的finally，请给自己一个包装函数来执行此操作，或者在forEach 回调中执行此操作。

$scope.combinations.forEach(function(combination) {
    chain = chain.then(function() {
        return generateConfiguration(combination).finally(/*...*/); // <== 
    });
});

---

旁注：通过reduce，有一种更惯用的方式来构建该链：

var chain = $scope.combinations.reduce(function(chain, combination) {
    return chain.then(function() {
        return generateConfiguration(combination);
    });
}, Promise.resolve());

添加最终的finally（上面的选项#1）：

var chain = $scope.combinations.reduce(function(chain, combination) {
        return chain.then(function() {
            return generateConfiguration(combination);
        });
    }, Promise.resolve())
    .finally(function() {
        // ...do stuff here...
    });

Answer 2

是的，有：注入$q（即promise框架）并重写到

$q.all($scope.combinations.map(function(combination) {
   return generateConfiguration(combination);
})).finally(function(res) {
   /* ... */
});

这样，您还将并行触发所有 generateConfiguration(s)（至少尽可能多 - 例如 XHR 有限制）。无论如何：$q.all(arrayOfPromises) 可能是您一直在寻找的。​​p>