Javascript promises內部承諾

Question

假設我有一個返回值的函數調用，我需要遍歷該值並執行另一個返回結果的函數調用。 我需要將所有結果放入數組中，並在完成后顯示數組中的所有值，例如：

var myArray = [];
oneAsyncCall().then(function(val) {
    for (var i = 1; i < val; i++) {
        anotherAsyncCall()().then(function(result) {
            myArray.push(result);
        });
    }
});

一切完成后，我應該在哪里進行myeach迭代myArray？

Answer 1

你應該做這樣的事情。 做一個promise數組並使用Promise.all

var myArray = [];
const promiseArray = [];

oneAsyncCall.then(function(val){
    for (var i = 1 ; i < val ; i++) {
        promiseArray.push(anotherAsyncCall()());
    }

    Promise.all(promiseArray)
      .then(function(dataArrayFromPromises){
           //do things with dataArray which is an array of data from promiseArray promises
       });
});

Answer 2

使用Promise.all 。 您可以使用ES6 Promise polyfill或bluebird。

oneAsyncCall()
.then(function(val) {
    var promises = [];
    for (var i = 1; i < val; i++) {
        promises.push(anotherAsyncCall()());
    }
    return Promise.all(promises);    
})
.then(function(myArray) {
    // you get all result here
});

另外，我使用以下方法擺脫for語句。

Promise.all(
  Array(val-1).fill(undefined).map(() => anotherAsyncCall()())
)

因此可以將其重寫為

oneAsyncCall()
.then((val) => Promise.all(
   Array(val-1).fill(undefined)
   .map(() => anotherAsyncCall()())
))