ハンドルの約束はpromise.all（）でindvidually解決します

Question

promise.all()を使用しているときにエラーを処理する方法については多くの情報がありますが、私が達成しようとしているのは、このpromise.all()の中の約束を解決することです。私がこれをやろうとしている理由は、コンソールにカスタムプログレスバーを設定しようとしているため、約束が解決されるたびに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); 
    }); 
}; 

私は、個々の約束が解決したときにbar.tick()メソッドを呼び出すことができるという方法を把握しようとしています。

Answer 1

（自分の質問に答える。）

私は（私はpromiseArr配列にそれらをプッシュしています）requestArticlesから約束を取得していますthenハンドラを追加することによって、それを処理していました。私はそれが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.getCat(), 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); 
    }); 
}; 

を、私のハンドラは、個別に完全な約束として呼び出される、と私は」ので、私が受け取った値を返すと、thenへの私の呼び出しによって作成された約束は、その値で解決され、Promise.allが表示されます。拒否はそのハンドラをスキップして、Promise.allに接続されたハンドラにまっすぐに行きます。コンソールで

The ascii progress library on npm

結果出力：私は私が押してるところ私はこれを行うことが実感しました彼の最初の説明のためのT.J. Crowderのおかげで

---

（彼はその答えを削除し、代わりに投稿してもらいたいと言った）