JavaScript承諾對(duì)於有效處理異步操作並避免回調(diào)地獄至關(guān)重要。 1。一個(gè)承諾是代表異步操作最終完成或失敗的對(duì)象，存在於三個(gè)狀態(tài)之一中：待處理，實(shí)現(xiàn)或拒絕，一旦解決，其狀態(tài)就無(wú)法更改。 2。承諾啟用鏈接通過(guò).then（），然後可以乾淨(jìng)地執(zhí)行順序異步操作，每個(gè)（）應(yīng)返回維護(hù)鏈的值或承諾。 3。可以使用靜態(tài)方法來(lái)協(xié)調(diào)多個(gè)承諾：promise.all（）等待所有人滿足（如果有人失敗，拒絕），promise.race（）返回第一個(gè)定居的諾言的結(jié)果，promise.allettled（alletsettled（）等待所有人，無(wú)論結(jié)果如何，所有人都返回第一個(gè)滿足的承諾。 4。錯(cuò)誤處理主要是在鏈的末尾使用.catch（）完成的，但是從任何步驟捕獲錯(cuò)誤，但是。然後，（）可以採(cǎi)取第二個(gè)參數(shù)來(lái)進(jìn)行拒絕處理，但這不太強(qiáng)大。 5。承諾在Microtask隊(duì)列中運(yùn)行，其優(yōu)先級(jí)高於Macrotask隊(duì)列（Settimeout使用），這意味著即使在零延遲的情況下也要在Settimeout回調(diào)之前執(zhí)行Promise回調(diào)。 6.最佳實(shí)踐包括始終處理拒絕，以防止未經(jīng)手的承諾拒絕，避免嵌套鍊，明確返回。掌握諾言至關(guān)重要，因?yàn)樗鼈儤?gòu)成了現(xiàn)代異步JavaScript的基礎(chǔ)，從而使結(jié)構(gòu)化，合成且可預(yù)測(cè)的異步代碼流動(dòng)。

JavaScript承諾是現(xiàn)代異步編程的基石。如果您曾經(jīng)處理過(guò)回調(diào)，尤其是嵌套的回調(diào)（又稱“回調(diào)地獄”），則承諾提供了一種更清潔，更易於管理的方法來(lái)處理異步操作，例如API呼叫，文件讀數(shù)或計(jì)時(shí)器。

讓我們以一種實(shí)用的現(xiàn)實(shí)方式分解承諾 - 沒有絨毛，正是您有效地使用它們所需的知識(shí)。

什麼是諾言？

承諾是代表異步操作最終完成（或失?。┑膶?duì)象。它可以在三個(gè)州之一中：

• 待處理：初始狀態(tài)，既不實(shí)現(xiàn)也不拒絕。
• 實(shí)現(xiàn)：操作成功完成。
• 被拒絕：操作失敗。

一旦履行或拒絕承諾，它就會(huì)解決- 其狀態(tài)將永遠(yuǎn)無(wú)法改變。這種不變性是可預(yù)測(cè)異步流的關(guān)鍵。

 const mypromise = new Promise（（（分辨，拒絕）=> {
  //異步操作
  settimeout（（）=> {
    const成功= true;
    如果（成功）{
      分辨（“成功行動(dòng)！”）;
    } 別的 {
      拒絕（“操作失敗?！保?
    }
  }，1000）;
}）;

神秘性
  。
  .catch（error => console.log（error））; //僅在被拒絕時(shí)運(yùn)行

連續(xù)操作的鏈接承諾

諾言的最大優(yōu)勢(shì)之一就是束縛。代替嵌套回調(diào)，您可以按順序.then()多個(gè)async步驟。

每個(gè).then()返回一個(gè)新的承諾，使您可以將數(shù)據(jù)傳遞到鏈條上。

 fetchuserdata（）
  。
  。
  .catch（err => console.error（“鏈中的錯(cuò)誤：”，err））;

這是發(fā)生的事情：

• fetchUserData()返回承諾。
• 其已解決的值（ user ）將傳遞給下一個(gè).then() 。
• fetchPosts()還必須回報(bào)鏈條正常工作的承諾。
• 如果拒絕任何步驟，則控件跳到.catch() 。

？提示：始終返回.then()

處理多個(gè)承諾： Promise.all ， Promise.race等

在處理多個(gè)異步操作時(shí)，內(nèi)置的靜態(tài)方法有助於協(xié)調(diào)它們。

Promise.all(iterable)

等待所有應(yīng)許實(shí)現(xiàn)。如果有人拒絕，那麼整個(gè)事情就會(huì)拒絕。

 promise.all（[[
  fetch（'/api/user'），
  fetch（'/api/posts'），
  fetch（'/api/評(píng)論'）
）））
。
  返回承諾。
    userres.json（），
    postsres.json（），
    commentres.json（）
  ）;
}）
。
  console.log（{用戶，帖子，註釋}）;
}）
.catch（err => console.error（“請(qǐng)求之一失?。骸?，err））;

當(dāng)您需要所有結(jié)果時(shí)，可用於並行加載。

Promise.race(iterable)

返回結(jié)果/第一次拒絕第一個(gè)定居的承諾。

 promise.race（[[
  fetch（'/api/slow-data'），
  超時(shí)（5000）//自定義超時(shí)承諾
）））
。
。

非常適合實(shí)施超時(shí)或後備。

Promise.allSettled(iterable)

等待所有承諾解決（履行或拒絕），並返回其身份。

 Promise.AllSettled（[[
  fetch（'/api/有效'），
  fetch（'/api/無(wú)效'），//將失敗
  fetch（'/api/另一個(gè)'）
）））
。然後（結(jié)果=> {
  results.foreach（（結(jié)果，索引）=> {
    if（result.status ==='earlield'）{
      console.log（`請(qǐng)求$ {index}成功：`，result.value）;
    } 別的 {
      console.log（`請(qǐng)求$ {index}失?。篳，result.reason）;
    }
  }）;
}）;

當(dāng)您想繼續(xù)進(jìn)行時(shí)，無(wú)論個(gè)人失敗如何。

Promise.any(iterable)

返回第一個(gè)實(shí)現(xiàn)的諾言，無(wú)視拒絕，直到所有人失敗。

諾言。 [[[
  FetchFromunreliablesVicea（），
  FetchFromunreliableserviceB（），
  FetchftromunreliablesVicec（）
）））
。
.catch（（）=> console.log（“所有服務(wù)失敗”））;

對(duì)於冗餘或後備資源有用。

錯(cuò)誤處理： .catch()和.then()帶有兩個(gè)參數(shù)

許多開發(fā)人員僅在鏈的末尾使用.catch() ，但是在任何階段都可能發(fā)生錯(cuò)誤。

 dostep1（）
  然後（dostep2）
  然後（dostep3）
  .catch（err => {
    //從任何前一步捕獲錯(cuò)誤
    Console.Error（“出現(xiàn)問題：”，err）;
  }）;

或者， .then()接受拒絕處理的第二個(gè)論點(diǎn)：

諾言
  value => console.log（“成功：”，value），
  原因=> console.log（“失?。骸?，原因）
）；

但這不會(huì)在成功回調(diào)本身中遇到錯(cuò)誤。因此，為了魯棒性，請(qǐng)選擇.catch() 。

??常見的陷阱：忘記在.then()返回諾言。

引擎蓋下：微型和事件循環(huán)

承諾使用Microtask隊(duì)列，其優(yōu)先級(jí)高於MaCrotask隊(duì)列（ setTimeout ， setInterval等）。

這意味著：

 console.log（“ 1”）;

settimeout（（）=> console.log（“ 2”），0）;

promise.resolve（）。然後（（）=> console.log（“ 3”））;

console.log（“ 4”）;

//輸出：1、4、3、2

即使超時(shí)設(shè)置為0，也要在當(dāng)前腳本和宏觀施加之前運(yùn)行的MicroTasks之前的Promise .. The Promise .then()回調(diào)。

了解這有助於避免複雜異步邏輯中的正時(shí)錯(cuò)誤。

最佳實(shí)踐和普通陷阱

這是將確定的保證用法與精通的方法區(qū)分開來(lái)的：

• 始終處理拒絕- 未經(jīng)處理的拒絕會(huì)崩潰node.js應(yīng)用程序或引起無(wú)聲錯(cuò)誤。
• 鏈而不是嵌套- 避免創(chuàng)建“承諾金字塔”。
• 返回承諾明確地用鏈條維持流動(dòng)。
• 在適當(dāng)?shù)臅r(shí)候使用async/await - 它是句法糖而不是承諾，但可以使代碼更可讀（我們將在另一個(gè)深度潛水中介紹）。
• 不要忘記清理- 如果使用長(zhǎng)期運(yùn)行的操作，請(qǐng)考慮取消模式（例如， fetch的AbortController ）。

最後的想法

承諾將JavaScript從回調(diào)驅(qū)動(dòng)的混亂轉(zhuǎn)變?yōu)橐粋€(gè)更結(jié)構(gòu)化的，可複雜的模型，用於處理異步性。它們不僅要避免嵌套回調(diào)，還可以實(shí)現(xiàn)更好的錯(cuò)誤處理，組成和對(duì)異步流的控制。

掌握它們不僅意味著了解語(yǔ)法，還意味著它們?nèi)绾闻c事件循環(huán)集成，如何協(xié)調(diào)多個(gè)異步任務(wù)以及如何編寫彈性，可讀的鏈。

一旦您堅(jiān)定地承諾，轉(zhuǎn)到async/await就成為下一步的自然而然的步驟 - 因?yàn)樵谝嫔w下，這一切仍然是承諾。

基本上，如果您使用異步JavaScript工作，那麼您是否會(huì)認(rèn)識(shí)到。

以上是掌握J(rèn)avaScript承諾：深入潛水的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！