為什麼承諾鏈在某些情況下返回未定義？

為什麼 Promise 鏈中 .then() 回傳的是 undefined？

Promise 鏈中，.then() 傳回一個新的 Promise 物件。但是，如果 .then() 回呼未明確傳回任何值或 Promise，則產生的 Promise 將解析為未定義。

請考慮以下程式碼：

<code class="js">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>

在此程式碼中， data 在最後一個 .then() 中未定義，因為第一個 .then() 不傳回任何值。為了解決這個問題，我們可以修改第一個 .then() 以傳回結果值：

<code class="js">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 result to avoid undefined
  });
}

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

以上是為什麼承諾鏈在某些情況下返回未定義？的詳細內容。更多資訊請關注PHP中文網其他相關文章！