將 .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中文網其他相關文章！