将 .then() 链接到 Promise 时如何避免未定义的值？

将 .then() 链接到 Promise：避免未定义的值

将多个 .then() 方法链接到 Promise 时，重要的是从每个 .then() 处理程序返回一个值或 Promise，以避免在后续 .then() 调用中遇到未定义的值。

在您的示例中：

<code class="javascript">function doStuff(n) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(n * 10);
    }, Math.floor(Math.random() * 1000));
  })
  .then((result) => {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
  });
}

doStuff(9)
.then((data) => {
  console.log(data); // undefined
});</code>

这里的问题是首先 .then() 处理程序不返回任何值或 Promise。因此，当调用第二个 .then() 处理程序时，它没有任何可处理的内容。

要解决此问题，只需返回第一个 .then() 处理程序的结果即可：

<code class="javascript">function doStuff(n) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(n * 10);
    }, Math.floor(Math.random() * 1000));
  })
  .then((result) => {
    if (result > 100) {
      console.log(result + " is greater than 100");
    } else {
      console.log(result + " is not greater than 100");
    }
    return result; // return the result to avoid undefined at next .then()
  });
}

doStuff(9)
.then((data) => {
  console.log("data is: " + data); // data is not undefined
});</code>

现在，第二个 .then() 处理程序将接收第一个处理程序的结果作为数据参数，并且它不会是未定义的。

以上是将 .then() 链接到 Promise 时如何避免未定义的值？的详细内容。更多信息请关注PHP中文网其他相关文章！