承諾
代表一個(gè)值，可能現(xiàn)在可用，或?qū)?lái)可用，或永遠(yuǎn)不可用。
Promise 生命週期：
待處理：功能開始運(yùn)作。
已完成：操作成功完成，我們有一個(gè)結(jié)果值。
已拒絕：操作失敗，我們有一個(gè)錯(cuò)誤物件。
Promise 的語(yǔ)法：
使用新的 Promise 建構(gòu)函式建立 Promise，該建構(gòu)函式採(cǎi)用帶有兩個(gè)參數(shù)的函式：resolve 和reject。
在程式碼片段中，我們有一個(gè)名為 getUser 的函數(shù)，它會(huì)傳回一個(gè)新的 Promise（一個(gè)具有處理非同步操作方法的 Promise 物件）。
在 Promise 建構(gòu)函數(shù)中，我們有一個(gè) setTimeout 函數(shù)，用於模擬非同步操作，例如從資料庫(kù)中取得資料。 Promise 有兩個(gè)關(guān)鍵方法傳遞給它：
resolve：操作成功時(shí)呼叫。在本例中，如果 id === 1，則傳回一個(gè)模擬使用者物件 { id: 1, name: "Diana", email: "Diana@test.com" }.
reject：操作失敗時(shí)呼叫。如果 id 不為 1，則 Promise 將被拒絕，並顯示錯(cuò)誤訊息「找不到使用者...」。
resolve 和reject 函數(shù)的作用類似於promise 上下文中的return 語(yǔ)句，允許呼叫者處理操作的成功或失敗。
連結(jié)承諾
Promise 可以連結(jié)起來(lái)，讓您可以按順序執(zhí)行一系列非同步操作：
在此範(fàn)例中，我們連結(jié)多個(gè) Promise 來(lái)模擬逐步取得資料。
首先，我們呼叫 getUser(1) 來(lái)取得使用者資料。如果有效，我們將進(jìn)入下一步。
其次，我們?nèi)〉?user.id 並透過呼叫 getOrders(user.id) 使用它來(lái)取得該使用者的訂單。
-第三，我們從清單中選擇第二個(gè)訂單 (orders[1]) 並使用 getOrderDetails(orders[1]) 來(lái)取得其詳細(xì)資訊。
如果任何時(shí)候出現(xiàn)任何問題（例如找不到使用者或訂單遺失），錯(cuò)誤將在 .catch() 區(qū)塊中捕獲並顯示。
簡(jiǎn)單細(xì)分：
- 您請(qǐng)求一個(gè)使用者。
- 如果您找到用戶，則可以詢問他們的訂單。
- 如果您收到訂單，請(qǐng)?jiān)儐柶渲幸环萦唵蔚脑敿?xì)資訊。
- 如果出現(xiàn)任何問題（例如未找到使用者或訂單）， - 它將顯示錯(cuò)誤。
結(jié)果：
這種方法可以更輕鬆地以乾淨(jìng)、逐步的方式處理非同步任務(wù)，而不是使用混亂的程式碼。
承諾方法：
Promise.all()：並行執(zhí)行多個(gè) Promise 並等待所有承諾都解決。
Promise.all([promise1, promise2])
.then((results) => {
console.log(results); // Array of all fulfilled values
});
範(fàn)例：
（我建議閱讀此方法並將其與回調(diào)進(jìn)行比較）
以上是JavaScript 中的 Promise的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁(yè)開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
如何在node.js中提出HTTP請(qǐng)求？
Jul 13, 2025 am 02:18 AM
在Node.js中發(fā)起HTTP請(qǐng)求有三種常用方式：使用內(nèi)置模塊、axios和node-fetch。 1.使用內(nèi)置的http/https模塊無(wú)需依賴，適合基礎(chǔ)場(chǎng)景，但需手動(dòng)處理數(shù)據(jù)拼接和錯(cuò)誤監(jiān)聽，例如用https.get()獲取數(shù)據(jù)或通過.write()發(fā)送POST請(qǐng)求；2.axios是基於Promise的第三方庫(kù)，語(yǔ)法簡(jiǎn)潔且功能強(qiáng)大，支持async/await、自動(dòng)JSON轉(zhuǎn)換、攔截器等，推薦用於簡(jiǎn)化異步請(qǐng)求操作；3.node-fetch提供類似瀏覽器fetch的風(fēng)格，基於Promise且語(yǔ)法簡(jiǎn)單
JavaScript數(shù)據(jù)類型：原始與參考
Jul 13, 2025 am 02:43 AM
JavaScript的數(shù)據(jù)類型分為原始類型和引用類型。原始類型包括string、number、boolean、null、undefined和symbol，其值不可變且賦值時(shí)復(fù)制副本，因此互不影響；引用類型如對(duì)象、數(shù)組和函數(shù)存儲(chǔ)的是內(nèi)存地址，指向同一對(duì)象的變量會(huì)相互影響。判斷類型可用typeof和instanceof，但需注意typeofnull的歷史問題。理解這兩類差異有助於編寫更穩(wěn)定可靠的代碼。
如何檢查數(shù)組是否在JavaScript中包含一個(gè)值
Jul 13, 2025 am 02:16 AM
在JavaScript中檢查數(shù)組是否包含某個(gè)值，最常用方法是includes()，它返回布爾值，語(yǔ)法為array.includes(valueToFind)，例如fruits.includes('banana')返回true；若需兼容舊環(huán)境，則使用indexOf()，如numbers.indexOf(20)!==-1返回true；對(duì)於對(duì)像或複雜數(shù)據(jù)，應(yīng)使用some()方法進(jìn)行深度比較，如users.some(user=>user.id===1)返回true。
高級(jí)JavaScript範(fàn)圍和上下文
Jul 24, 2025 am 12:42 AM
JavaScript的作用域決定變量可訪問範(fàn)圍，分為全局、函數(shù)和塊級(jí)作用域；上下文決定this的指向，依賴函數(shù)調(diào)用方式。 1.作用域包括全局作用域（任何地方可訪問）、函數(shù)作用域（僅函數(shù)內(nèi)有效）、塊級(jí)作用域（let和const在{}內(nèi)有效）。 2.執(zhí)行上下文包含變量對(duì)象、作用域鍊和this的值，this在普通函數(shù)指向全局或undefined，在方法調(diào)用指向調(diào)用對(duì)象，在構(gòu)造函數(shù)指向新對(duì)象，也可用call/apply/bind顯式指定。 3.閉包是指函數(shù)訪問並記住外部作用域變量，常用於封裝和緩存，但可能引發(fā)
如何在JavaScript中獲取輸入字段的值
Jul 15, 2025 am 03:09 AM
要獲取HTML輸入框的值，核心是通過DOM操作找到對(duì)應(yīng)元素並讀取value屬性。 1.使用document.getElementById是最直接方式，給input添加id後通過該方法獲取元素並讀取value；2.使用querySelector更靈活，可根據(jù)name、class、type等屬性選取元素；3.可添加input或change事件監(jiān)聽器實(shí)現(xiàn)交互功能，如實(shí)時(shí)獲取輸入內(nèi)容；4.注意腳本執(zhí)行時(shí)機(jī)、拼寫錯(cuò)誤及null判斷，確保元素存在後再訪問value。
JavaScript模板文字：語(yǔ)法和用例
Jul 13, 2025 am 02:28 AM
模板字符串是JavaScriptES6中引入的一項(xiàng)功能，使用反引號(hào)包裹內(nèi)容並支持變量插值和多行字符串。 1.使用反引號(hào)定義字符串如Thisisatemplateliteral；2.插入變量或表達(dá)式通過${}語(yǔ)法如Iam${age}yearsold.；3.天然支持多行文本無(wú)需手動(dòng)添加換行符。常見場(chǎng)景包括動(dòng)態(tài)生成HTML內(nèi)容、多行字符串輸出以及簡(jiǎn)化條件邏輯拼接。注意事項(xiàng)包括避免注入攻擊、使用標(biāo)籤模板的進(jìn)階用法以及保持邏輯簡(jiǎn)潔。
如何使用JS獲取所選廣播按鈕的值？
Jul 18, 2025 am 04:17 AM
獲取選中的單選按鈕值的核心方法有兩種。 1.使用querySelector直接獲取選中項(xiàng)，通過input[name="your-radio-name"]:checked選擇器獲取選中的元素並讀取其value屬性，適合現(xiàn)代瀏覽器且代碼簡(jiǎn)潔；2.使用document.getElementsByName遍歷查找，通過循環(huán)NodeList找到第一個(gè)checked的radio並獲取其值，適合兼容舊瀏覽器或需要手動(dòng)控制流程的場(chǎng)景；此外需注意name屬性拼寫、處理未選中情況以及動(dòng)態(tài)加載內(nèi)容時(shí)
使用JavaScript構(gòu)建安全的沙盒iframe
Jul 16, 2025 am 02:33 AM
要使用JavaScript建立一個(gè)安全的沙盒iframe，首先利用HTML的sandbox屬性限制iframe行為，例如禁止腳本執(zhí)行、彈窗和表單提交；其次通過添加特定token如allow-scripts來(lái)按需放寬權(quán)限；接著結(jié)合postMessage()實(shí)現(xiàn)安全的跨域通信，同時(shí)嚴(yán)格驗(yàn)證消息來(lái)源和數(shù)據(jù)；最後避免常見配置錯(cuò)誤，如未驗(yàn)證源、未設(shè)置CSP等，並在上線前進(jìn)行安全性測(cè)試。
