当使用promise使用promise.all()时,有很多关于如何处理错误的信息,但我想要实现的是每次promise.all()内部的promise都会解析.我试图这样做的原因是因为我试图在控制台中设置自定义进度条,我需要在每次解析一个promise时调用tick方法.
this.getNewSources = function () {
var bar = new ProgressBar(':bar',{total: this.getSourceMap().size});
var timer = setInterval(function () {
bar.tick();
if (bar.complete) {
console.log('\ncomplete\n');
clearInterval(timer);
}
},100);
let promiseArr = [];
for (let x of this.getSourceMap().values()) {
promiseArr.push(this.requestArticles(x.getName(),x.getCat(),x.getKey()));
}
return Promise.all(promiseArr).then(() => {
console.log("Articles loaded this round: " + this.articles.size);
console.log('all sources updated');
this.loadedArticles = true;
console.log(this.articleCount);
console.log(this.articles.size);
}).catch(e => {
console.log(e);
});
};
最佳答案
(回答我自己的问题.)
原文链接：https://www.f2er.com/js/429157.html我通过添加一个then处理程序来处理它,我从requestArticles获得了promise(我将它们推送到promiseArr数组中).我必须确保传递处理程序从处理程序接收的值,以便传播到Promise.all,请参阅***行：
this.getNewSources = function () {
var bar = new ProgressBar(':bar',{total: this.getSourceMap().size});
var timer = setInterval(function () {
if (bar.complete) {
console.log('\ncomplete\n');
clearInterval(timer);
}
},100);
function updateProgressBar() {
bar.tick()
}
let promiseArr = [];
for (let x of this.getSourceMap().values()) {
promiseArr.push(this.requestArticles(x.getName(),x.getKey())
.then(value => { // ***
updateProgressBar(); // ***
return value; // ***
}) // ***
);
}
return Promise.all(promiseArr).then(() => {
console.log("Articles loaded this round: " + this.articles.size);
console.log('all sources updated');
this.loadedArticles = true;
console.log(this.articleCount);
console.log(this.articles.size);
}).catch(e => {
console.log(e);
});
};
这样,我的处理程序被调用为单独完成的promise,并且由于我返回了我收到的值,我调用后创建的promise将使用该值解析,Promise.all将会看到.拒绝将跳过该处理程序并直接转到Promise.all连接的处理程序.
The ascii progress library on npm
控制台中的结果输出：
(感谢T.J. Crowder的初步解释,这让我意识到我可以做到这一点,我正在推动阵列.他说他更喜欢删除这个答案并让我发布这个.)
