首页 > web前端 > js教程 > 为什么 Promise.all 返回未定义的数组并过早解析?

为什么 Promise.all 返回未定义的数组并过早解析?

Linda Hamilton
发布: 2024-10-31 21:19:02
原创
755 人浏览过

Why is Promise.all Returning an Undefined Array and Resolving Prematurely?

Promise.all 返回未定义的数组并提前解析

Promise.all 旨在接受 Promise 对象数组并在所有 Promise 对象后解析数组中的 Promise 已解决。然而,在提供的代码中,出现了问题,因为传递给 Promise.all 的映射的回调函数没有返回 Promise。

在 addText 函数中:

<code class="javascript">function addText(queries) {
  return Promise.all(queries.map(function(query) {
    // Missing `return` statement causes undefined values in the array
    models.queries
      .findById(query.queryId, {
        raw: true,
        attributes: [ "query" ]
      })
      .then(function(queryFetched) {
        query.text = queryFetched.query;
        console.log(query);

        // Return the updated query as a resolved Promise
        return Promise.resolve(query);
      }, function(error) {
        // Return the error as a rejected Promise
        return Promise.reject(error);
      });
  }));
};</code>
登录后复制

以下是发生的情况:

  1. map 回调不会返回 Promise,因此结果数组包含未定义的值。
  2. Promise.all 立即解析未定义值的结果数组。
  3. 随后, .then() 回调会收到一组未定义的值,而不是一组 Promises。

要解决此问题并确保 Promise.all 仅在回调中的所有 Promise 后解析已解决,回调必须显式返回 Promises:

<code class="javascript">function addText(queries) {
  return Promise.all(queries.map(function(query) {
    // Added `return` statement to wrap the Promise in the callback
    return models.queries
      .findById(query.queryId, {
        raw: true,
        attributes: [ "query" ]
      })
      .then(function(queryFetched) {
        query.text = queryFetched.query;
        console.log(query);

        return Promise.resolve(query);
      }, function(error) {
        return Promise.reject(error);
      });
  }));
};</code>
登录后复制

现在,map 回调返回 Promises,只有在所有 Promise 都已解决后,Promise.all 才能正确处理和解决。

以上是为什么 Promise.all 返回未定义的数组并过早解析?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板