10-1 正視承諾：Promise 與網路請求

1. 什麼是 Promise？

Promise 有三種狀態：

1. Pending (等待中)：初始狀態。
2. Fulfilled (已實現)：作業成功，呼叫 resolve()。
3. Rejected (已拒絕)：作業失敗，呼叫 reject()。

const myWait = new Promise((resolve, reject) => {
  setTimeout(() => {
    const success = true;
    success ? resolve("成功！") : reject("慘，失敗了...");
  }, 1000);
});

myWait
  .then(res => console.log(res))
  .catch(err => console.error(err));

2. 現代網路請求：Fetch API

不要問 AJAX 怎麼寫，在 2026 年，我們只用 fetch。註：fetch 回傳的就是一個 Promise。

fetch("https://api.example.com/data")
  .then(response => {
    if (!response.ok) throw new Error("網路連線不給力");
    return response.json(); // 這裡也回傳 Promise
  })
  .then(data => console.log(data))
  .catch(error => console.error("發生錯誤：", error));

3. Promise 全家桶

• Promise.all([p1, p2]): 等「全部」都成功才成功。
• Promise.race([p1, p2]): 誰「最快」回傳就取誰。
• Promise.allSettled(): 不管成敗，等全部「處理完」才繼續。