国产成人女人在线观看,freesexvideo性欧美tv

異步編程進(jìn)階：Promise與async/await深度剖析

紅蓮之龍

發(fā)布： 2025-10-16 14:23:01

原創(chuàng)

287人瀏覽過(guò)

Promise是狀態(tài)機(jī)，通過(guò)then鏈?zhǔn)秸{(diào)用返回新Promise，async/await以同步語(yǔ)法處理異步，基于Promise并依賴(lài)事件循環(huán)的微任務(wù)隊(duì)列，合理使用可避免回調(diào)地獄并提升代碼可讀性與健壯性。

異步編程進(jìn)階：promise與async/await深度剖析

JavaScript 是單線程語(yǔ)言，異步編程是其核心能力之一。隨著應(yīng)用復(fù)雜度提升，回調(diào)地獄（Callback Hell）問(wèn)題愈發(fā)突出，Promise 和 async/await 應(yīng)運(yùn)而生，成為現(xiàn)代前端開(kāi)發(fā)的標(biāo)配。要真正掌握異步編程，不能只停留在“會(huì)用”，更要理解其內(nèi)部機(jī)制與最佳實(shí)踐。

Promise：從狀態(tài)機(jī)到鏈?zhǔn)秸{(diào)用

Promise 本質(zhì)是一個(gè)狀態(tài)機(jī)，具有三種狀態(tài)：pending（等待）、fulfilled（成功）、rejected（失?。Ｒ坏顟B(tài)變更，就不會(huì)再改變，這是 Promise 可靠性的基礎(chǔ)。

創(chuàng)建一個(gè) Promise 很簡(jiǎn)單：

const myPromise = new Promise((resolve, reject) => { setTimeout(() => { Math.random() > 0.5 ? resolve("成功") : reject("失敗"); }, 1000); });

通過(guò) .then() 和 .catch() 注冊(cè)回調(diào)函數(shù)，實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用：

立即進(jìn)入“豆包AI人工智官網(wǎng)入口”；

立即學(xué)習(xí)“豆包AI人工智能在線問(wèn)答入口”；

myPromise .then(result => { console.log(result); return result + " -> 第二次處理"; }) .then(data => console.log(data)) .catch(error => console.error("出錯(cuò)了：", error));

關(guān)鍵點(diǎn)在于：每個(gè) then 返回一個(gè)新的 Promise，從而支持鏈?zhǔn)讲僮?。如果某個(gè) then 回調(diào)中拋出異常或返回被拒絕的 Promise，后續(xù)的 then 會(huì)被跳過(guò)，直到遇到 catch。

async/await：同步寫(xiě)法的異步邏輯

async/await 是基于 Promise 的語(yǔ)法糖，讓異步代碼看起來(lái)像同步代碼，極大提升可讀性。

使用 async 定義的函數(shù)總是返回一個(gè) Promise，await 只能在 async 函數(shù)內(nèi)部使用，用于“暫停”執(zhí)行，等待 Promise 結(jié)果。

async function fetchData() { try { const response = await fetch('/api/data'); const data = await response.json(); return data; } catch (error) { console.error('請(qǐng)求失敗', error); throw error; } }

上面代碼等價(jià)于使用 .then 的鏈?zhǔn)秸{(diào)用，但結(jié)構(gòu)更清晰。注意：await 并不會(huì)阻塞整個(gè)程序，只是暫停當(dāng)前 async 函數(shù)的執(zhí)行，其他任務(wù)仍可繼續(xù)。

錯(cuò)誤處理的差異與最佳實(shí)踐

Promise 使用 .catch() 捕獲鏈中任意環(huán)節(jié)的錯(cuò)誤；async/await 則依賴(lài) try/catch 結(jié)構(gòu)。

豆包AI編程

豆包推出的AI編程助手

483

查看詳情

常見(jiàn)陷阱：忘記捕獲 await 的異常會(huì)導(dǎo)致未處理的 Promise rejection。

推薦做法：在調(diào)用 async 函數(shù)時(shí)也進(jìn)行錯(cuò)誤處理：

fetchData() .then(data => console.log(data)) .catch(err => console.error(err));

或者在頂層 async 函數(shù)中使用 try/catch 包裹多個(gè) await 調(diào)用，避免重復(fù)寫(xiě) catch。

對(duì)于并行請(qǐng)求，不要連續(xù) await：

// 錯(cuò)誤：串行執(zhí)行 const a = await fetchA(); const b = await fetchB(); // 正確：并發(fā)執(zhí)行 const [resA, resB] = await Promise.all([fetchA(), fetchB()]);

深入理解事件循環(huán)與微任務(wù)隊(duì)列

Promise 的回調(diào)屬于 微任務(wù)（microtask），優(yōu)先級(jí)高于 setTimeout 等宏任務(wù)（macrotask）。

這意味著：即使 resolve 立即發(fā)生，其 then 回調(diào)也不會(huì)立即執(zhí)行，而是等到當(dāng)前同步代碼結(jié)束后，在本輪事件循環(huán)末尾執(zhí)行。

console.log(1); Promise.resolve().then(() => console.log(2)); console.log(3); // 輸出：1 3 2

async/await 的 await 后表達(dá)式一旦 resolve，其后續(xù)代碼會(huì)被包裝成微任務(wù)加入隊(duì)列，這也是為什么 await 后的語(yǔ)句不會(huì)立刻執(zhí)行的原因。

基本上就這些。掌握 Promise 的狀態(tài)流轉(zhuǎn)、鏈?zhǔn)綑C(jī)制，理解 async/await 如何封裝 Promise，并熟悉微任務(wù)調(diào)度，才能寫(xiě)出高效、健壯的異步代碼。不復(fù)雜，但容易忽略細(xì)節(jié)。

以上就是異步編程進(jìn)階：Promise與async/await深度剖析的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

大家都在看：

JavaScript內(nèi)存泄漏檢測(cè) JavaScript計(jì)算機(jī)視覺(jué)應(yīng)用在css中如何用JavaScript切換樣式表 JavaScript原型鏈與繼承進(jìn)階 JavaScript虛擬機(jī)架構(gòu)深入剖析