Promise.all が未定義の要素で途中で解決されるのはなぜですか?

Promise.all 未定義の要素による途中で解決する

問題の説明

JavaScript アプリケーションで、次の場合に関数が未定義の要素で満たされた配列を返します。 Promise.all を使用します。この問題は、関数が操作を完了する前に発生します。問題のある関数は次のとおりです:

<code class="js">classMethods.getQueries = function(models, dbId, dateStart, dateEnd) {
  return new Promise(function(resolve, reject) {
    // Fetch database.
    .then(extractQueries, reject)
      .then(sortQueries, reject)
      .then(onlyTen, reject)
      .then(addText, reject)
      .then(function(queries) {
        console.log("getQueries finished", queries); // Array of 10× undefined!
        resolve(queries);
      }, reject);

    // Functions here.
  });
};</code>

addText 関数が問題の根本原因として特定されています:

<code class="js">function addText(queries) {
  // This line is missing the `return` keyword.
  Promise.all(queries.map(function(query) {
    models.queries.findById(query.queryId, {
      raw: true,
      attributes: [ "query" ]
    })
      .then(function(queryFetched) {
        query.text = queryFetched.query;
        console.log(query);
        
        // Here, missing the `return` keyword in front of `Promise.resolve(query)`.
        return Promise.resolve(query);
      }, function(error) {
        // Missing `return Promise.reject(error);`
      });
  }));
};</code>

解決策

問題を解決するには、次のことを行う必要があります。 Promise.all のマップ コールバックで Promise を返すことを忘れないでください:

<code class="js">function addText(queries) {
  return Promise.all(queries.map(function(query) {
    // Add `return` here to fix the problem.
    return models.queries
      .findById(query.queryId, {
        raw: true,
        attributes: [ "query" ]
      })
      .then(function(queryFetched) {
        query.text = queryFetched.query;
        console.log(query);
        
        // Add `return` here.
        return Promise.resolve(query);
      }, function(error) {
        // Add `return` here.
        return Promise.reject(error);
      });
  }));
};</code>

欠落している return ステートメントを追加することで、各データベース呼び出しを Promise で適切にラップし、個々の Promise がすべて持っている場合に Promise.all の結果を返すようになりました。解決しました。これにより、すべてのクエリがフェッチされて処理されたときに getQueries 関数が正しい結果を受け取ることが保証されます。

以上がPromise.all が未定義の要素で途中で解決されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。