为什么 Promise 链没有返回值会导致未定义的值？

理解链式 Promise 中未定义的值

在 JavaScript 中，Promise 用于异步操作。它们提供了一种处理计算结果和处理成功和失败等场景的方法。然而，有时我们在链接 Promises 时会遇到意外的 undefined 值。

根本原因：无返回值的链接

Promises 是使用 .then() 方法链接的。当 Promise 被解决或拒绝时，.then() 方法返回一个新的 Promise 对象。但是，如果 .then() 方法没有显式返回任何值或 Promise，则新的 Promise 对象将被解析，默认值为未定义。

示例：

<code class="javascript">doStuff(9)
  .then(function(result) {
    // No value or Promise returned
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
  })
  .then(function(data) {
    console.log(data); // Output: undefined
  });</code>

在此示例中，第一个 .then() 方法不返回任何值。结果，第二个 .then() 方法接收 undefined 作为其参数，然后将其打印到控制台。

解决方案：返回值或 Promise

为了避免链式 Promise 中出现未定义的值，必须从 .then() 方法显式返回值或返回值的 Promise。

示例：

<code class="javascript">doStuff(9)
  .then(function(result) {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
    // Return the result to avoid undefined at the next .then()
    return result;
  })
  .then(function(data) {
    console.log("data is: " + data); // Output: "data is: 90"
  });</code>

通过返回结果，第二个 .then() 方法接收到实际的结果值，而不是未定义的。

以上是为什么 Promise 链没有返回值会导致未定义的值？的详细内容。更多信息请关注PHP中文网其他相关文章！