為什麼連結到Promise 的.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`);
}
});
}
doStuff(9)
.then((data) => {
console.log(data); // undefined, why?
});</code>為什麼第二個.then() 回呼中data 的值未定義？
答案：
當你將 .then() 回呼連結到 Promise 時，它會傳回一個新的 Promise，該 Promise 解析為回呼的回傳值。但是，在提供的程式碼中，第一個 .then() 沒有傳回任何值或 Promise。
解決方案：
要解決此問題，您需要傳回一個值或呼叫另一個從第一個 .then() 傳回值或 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`);
}
// Return `result` here to avoid undefined at chained `.then()`.
return result;
});
}
doStuff(9)
.then((data) => {
console.log(`data is: ${data}`); // data is not undefined
});</code>在此更新的程式碼中，第一個.then() 傳回result 的值（n 乘以10），這確保第二個.then()接收定義的值作為其參數。
以上是為什麼連結到 Promise 的 .then() 返回未定義？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
