Promise的狀態一旦改變，就不會再變。也就是說，Promise的狀態只能從Pending變為Fulfilled或從Pending變為Rejected。

2. 創建Promise

你可以使用Promise構造函數來創建一個Promise對象。構造函數接受一個函數作為參數，這個函數有兩個參數：resolve和reject。resolve用于將Promise的狀態從Pending變為Fulfilled，而reject用于將Promise的狀態從Pending變為Rejected。

const myPromise = new Promise((resolve, reject) => {
  // 異步操作
  setTimeout(() => {
    const success = true; // 模擬操作成功或失敗
    if (success) {
      resolve("操作成功！");
    } else {
      reject("操作失??！");
    }
  }, 1000);
});

3. 使用Promise

一旦創建了Promise對象，你可以使用.then()方法來處理Fulfilled狀態的結果，使用.catch()方法來處理Rejected狀態的結果。

myPromise
  .then((result) => {
    console.log(result); // 輸出: 操作成功！
  })
  .catch((error) => {
    console.error(error); // 輸出: 操作失??！
  });

3.1 鏈式調用

Promise支持鏈式調用，你可以在一個.then()方法中返回一個新的Promise，然后在下一個.then()中處理這個新的Promise的結果。

myPromise
  .then((result) => {
    console.log(result); // 輸出: 操作成功！
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve("第二個操作成功！");
      }, 1000);
    });
  })
  .then((result) => {
    console.log(result); // 輸出: 第二個操作成功！
  })
  .catch((error) => {
    console.error(error); // 輸出: 操作失??！
  });

3.2 處理多個Promise

你可以使用Promise.all()方法來處理多個Promise。Promise.all()接受一個Promise數組作為參數，并返回一個新的Promise。這個新的Promise在所有輸入的Promise都成功時才會成功，并且結果是一個包含所有Promise結果的數組。

const promise1 = Promise.resolve("第一個操作成功！");
const promise2 = new Promise((resolve, reject) => {
  setTimeout(resolve, 1000, "第二個操作成功！");
});

Promise.all([promise1, promise2])
  .then((results) => {
    console.log(results); // 輸出: ["第一個操作成功！", "第二個操作成功！"]
  })
  .catch((error) => {
    console.error(error);
  });

3.3 處理第一個完成的Promise

Promise.race()方法接受一個Promise數組作為參數，并返回一個新的Promise。這個新的Promise在數組中任何一個Promise完成時就會完成，并且結果是最先完成的Promise的結果。

const promise1 = new Promise((resolve, reject) => {
  setTimeout(resolve, 500, "第一個操作成功！");
});
const promise2 = new Promise((resolve, reject) => {
  setTimeout(resolve, 1000, "第二個操作成功！");
});

Promise.race([promise1, promise2])
  .then((result) => {
    console.log(result); // 輸出: 第一個操作成功！
  })
  .catch((error) => {
    console.error(error);
  });

4. 錯誤處理

在Promise鏈中，你可以使用.catch()方法來捕獲和處理錯誤。如果任何一個.then()中的Promise被reject，或者拋出了異常，控制權會立即轉移到最近的.catch()方法。

myPromise
  .then((result) => {
    console.log(result);
    throw new Error("發生了一個錯誤！");
  })
  .catch((error) => {
    console.error(error); // 輸出: Error: 發生了一個錯誤！
  });

5. 總結

Promise是JavaScript中處理異步操作的重要工具。它提供了一種更清晰、更易讀的方式來處理異步代碼，避免了回調地獄的問題。通過使用.then()、.catch()、Promise.all()和Promise.race()等方法，你可以輕松地管理和處理多個異步操作。

掌握Promise的使用，對于編寫高效、可維護的JavaScript代碼至關重要。隨著async/await語法的引入，Promise的使用變得更加簡潔和直觀，但理解Promise的基本概念和工作原理仍然是必不可少的。