[2 了解JavaScript承諾

承諾是JavaScript中的一個強大功能，可以簡化處理異步操作的處理。它們提供了一種更清潔，更直觀的方式來處理異步代碼，避免了諸如“回調地獄”之類的問題。

什麼是諾言？

是一個代表異步操作的最終完成（或失敗）及其結果值的對象。它使您可以通過鏈接操作和有效處理錯誤來編寫更易於管理的異步代碼。

一個承諾具有三個狀態：

：初始狀態，既不實現也沒有拒絕。

實現了

：操作失敗，承諾有故障的原因（通常是錯誤）。
• 例子：
• 承諾方法
1。然後（）
• 用於處理承諾的實現。

const promise = new Promise((resolve, reject) => {
  let success = true; // Change to false to simulate rejection

  if (success) {
    resolve("Operation was successful!");
  } else {
    reject("Operation failed.");
  }
});

promise
  .then((result) => console.log(result))
  .catch((error) => console.error(error));

用於處理承諾拒絕。

3。最後（）

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

在解決數組中的所有承諾都得到解決。

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。

5。 Promise.allsettled（）

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。然後（（結果）=> console.log（result））;

6。 Promise.race（）
• 在解決方案之一或拒絕的一項諾言後立即解決或拒絕。

const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);

Promise.all([promise1, promise2]).then((results) => console.log(results));

7. Promise.any（）

• 一旦實現了任何承諾。

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。然後（（結果）=> console.log（resuly））;

• 鎖定承諾

const promise1 = new Promise((resolve) => setTimeout(resolve, 500, "One"));
const promise2 = new Promise((resolve) => setTimeout(resolve, 100, "Two"));

Promise.race([promise1, promise2]).then((result) => console.log(result));

• 錯誤通過前景鏈傳播，直到被捕獲（）塊捕獲為止。
• fetch（“ https://api.example.com/data”） 。然後（（響應）=> { 如果（！wendmes..ok）提出新錯誤（“網絡響應不正常”）; 返迴響應json（）; }）） 。 .catch（（error）=> console.error（“錯誤：”，錯誤））;

const promise1 = Promise.reject("Error 1");
const promise2 = Promise.resolve("Success");
const promise3 = Promise.reject("Error 2");

Promise.any([promise1, promise2, promise3]).then((result) => console.log(result));

fetch("https://api.example.com/data")
  .then((response) => response.json())
  .then((data) => {
    console.log(data);
    return fetch("https://api.example.com/other-data");
  })
  .then((otherResponse) => otherResponse.json())
  .then((otherData) => console.log(otherData))
  .catch((error) => console.error("Error:", error));