句柄promise單獨解決promise.all（）

Question

關於如何處理錯誤時使用catch使用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

（回答我的問題。）

我加入了then處理器在那裏我從requestArticles得到的承諾（在那裏我將它們推入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.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); 
    }); 
}; 

這樣一來，我的處理程序被調用作爲單獨的承諾完整的，因爲我」 m返回我收到的價值，我呼叫then創建的承諾將以該值解析，即Promise.all將看到的值。拒絕將跳過該處理程序並直接轉到由Promise.all連接的處理程序。在控制檯

The ascii progress library on npm

結果輸出：

---

（與感謝T.J. Crowder對他最初的解釋，這讓我知道我可以做到這一點在那裏我推他說他喜歡刪除這個答案，並讓我發佈這個代替。）