首頁 > web前端 > js教程 > 如何在 JavaScript 中存取 Promise 鏈的解析值?

如何在 JavaScript 中存取 Promise 鏈的解析值?

Susan Sarandon
發布: 2025-01-04 13:40:39
原創
1008 人瀏覽過

How Do I Access the Resolved Value of a Promise Chain in JavaScript?

了解Promise 鍊和值存取

在Angular 等JavaScript 框架中使用Promise 時,您可能會遇到返回Promise 的非同步函數,就像Angular 的$q文件中的範例一樣:

promiseB = promiseA.then(function(result) {
  return result + 1;
});
登入後複製

雖然文件指出“promiseB將在promiseA解決後立即解決...promiseA的結果增加1”,可能不清楚這是如何工作的。

理解這一點的關鍵是要認識到這一點PromiseA 中的 then 函數傳回一個新的 Promise,PromiseB。這個新的promise在promiseA解析後立即解析,它的值由promiseA中success函數的回傳值決定。

在這種情況下,success函數傳回“結果1”,所以promiseB將解析為result 的值增加 1。因此,要存取該值,您可以執行以下操作:

promiseB.then(function(result) {
    // Here you can use the result of promiseB
});
登入後複製

在現代JavaScript 版本(ES7 及更高版本)中,您可以使用使用async/await 語法來實現相同的功能:

async function doSomething() {
    let result = await functionThatReturnsPromiseA();
    return result + 1;
}
登入後複製

在這種情況下,await 解開PromiseA 的結果並將其直接分配給結果變量,允許您在不訪問Promise的情況下使用該值object.

請注意,async/await 只能在始終傳回 Promise 的非同步函數中使用。因此,如果要存取非同步函數的傳回值,則必須在另一個非同步上下文中使用await。

以上是如何在 JavaScript 中存取 Promise 鏈的解析值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板