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 サイトの他の関連記事を参照してください。