promise.all（）和理解

Question

我对node.js比较熟悉，编写一个程序时需要承诺异步API调用。我有一个关于执行一些示例代码的问题，这是我在研究中偶然发现的。

下面的代码（根据我的理解）将访问一个API，等待响应，然后将该响应解析为承诺。这是迭代完成的，每个创建的承诺都被传递到一组承诺中。最终，对许诺数组调用promise.all（）和.then（），将执行更多代码来迭代数组并将图像添加到页面中。

function getMovie(title) {
  return new Promise(function(resolve, reject) {
  var request = new XMLHttpRequest();

  request.open('GET', 'http://mymovieapi.com/?q=' + title);
  request.onload = function() {
    if (request.status == 200) {
    resolve(request.response); // we get the data here, so resolve the Promise
    } else {
      reject(Error(request.statusText)); // if status is not 200 OK, reject.
    }
  };

    request.onerror = function() {
      reject(Error("Error fetching data.")); // error occurred, so reject the Promise
    };

    request.send(); // send the request
 });
}

function fetchMovies() {
  var titles = document.getElementById('titles').value.split(',');
  var promises = [];

  for (var i in titles) {
    promises.push(getMovie(titles[i])); // push the Promises to our array
  }

  Promise.all(promises).then(function(dataArr) {
    dataArr.forEach(function(data) {
    var img = JSON.parse(data)[0].poster.imdb;

    document.getElementById('movies').innerHTML =      document.getElementById('movies').innerHTML + '<img src="' + img + '"/>';
    });
  }).catch(function(err) {
    console.log(err);
  });
};
fetchMovies();

这里我不理解的是promission.ALL（）是如何等待所有API响应被推送到promissions中的。由于getMovie（title）在将每个承诺推入Promissions数组之前会对其进行解析，所以是否应该这样做：推入的第一个解析的Promissions会导致promission.all（）部分执行（因为数组中1个承诺中的1个被解析）？

Answer 1

在调用promise.all时，数组已被promise对象填充。promise.all的作用相当于对所有承诺调用.then。当所有承诺都被解决，或者一个承诺被拒绝时，您的处理程序就会被调用。

Answer 2

我认为当您说“因为getMovie(title)在将每个承诺推入Promission数组之前就会解析它”时，就会产生混乱。

这不是正在发生的事情。注意return语句。getmovie函数立即返回一个Promise对象，并在稍后（通常）调用resolve（或reject）函数时进行解析，在本例中是在异步调用之后。

因此，它首先返回一个承诺，然后在稍后的时间承诺解决（或拒绝）。和Promission.ALL等待这些承诺数组的解决。