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

promise
  .then((result) => {
    console.log(result); // "操作成功"
  })
  .catch((error) => {
    console.error(error); // "操作失敗"
  });

Promise.resolve("立即返回").then(console.log); // "立即返回"

Promise.reject("錯誤").catch(console.error); // "錯誤"

// 假設有三個異步請求：獲取用戶信息、獲取商品列表、獲取消息通知
const fetchUserInfo = fetch("/api/user");
const fetchProducts = fetch("/api/products");
const fetchNotifications = fetch("/api/notifications");

Promise.all([fetchUserInfo, fetchProducts, fetchNotifications])
  .then(([userInfo, products, notifications]) => {
    // 只有當三個請求都成功時，才會進入這里
    renderUserPage(userInfo, products, notifications);
  })
  .catch((error) => {
    // 如果任何一個請求失敗，就會跳到這里
    console.error("有一個請求失敗了:", error);
    showErrorPage("頁面加載失敗，請重試！");
  });

const p1 = new Promise((res) => setTimeout(res, 100, "慢"));
const p2 = new Promise((res) => setTimeout(res, 50, "快"));

Promise.race([p1, p2]).then((winner) => {
  console.log(winner); // "快"
});

Promise.allSettled([fetchUserInfo, fetchProducts, fetchNotifications]).then((results) => {
  // 注意：這里永遠不會 catch
  // results 是一個包含三個對象的數(shù)組
  const userInfo = results[0].status === "fulfilled" ? results[0].value : null;
  const products = results[1].status === "fulfilled" ? results[1].value : null;
  const notifications = results[2].status === "fulfilled" ? results[2].value : null; // 我們可以針對每個結果進行精細化處理

  if (userInfo && products) {
    // 只要核心數(shù)據(jù)（用戶和商品）還在，就渲染頁面
    renderUserPage(userInfo, products, notifications); // notifications 可能是 null
    if (!notifications) {
      showToast("通知獲取失敗，不影響主要功能");
    }
  } else {
    // 如果核心數(shù)據(jù)缺失，再顯示錯誤頁
    showErrorPage("核心數(shù)據(jù)加載失敗");
  }
});
// 不需要 .catch，因為它永遠不會被觸發(fā)

const p1 = Promise.reject("錯誤1");
const p2 = Promise.resolve("成功");

Promise.any([p1, p2]).then((firstSuccess) => {
  console.log(firstSuccess); // "成功"
});

fetch("/api")
  .then((response) => response.json())
  .then((data) => console.log(data));

fetch("/api")
  .then((response) => response.json())
  .catch((error) => console.error("請求失敗:", error));

fetch("/api")
  .then((response) => response.json())
  .finally(() => console.log("請求結束"));

function getUser(id) {
  return fetch(`/users/${id}`)
    .then((response) => response.json())
    .then((user) => fetch(`/profile/${user.profileId}`))
    .then((response) => response.json());
}

// 方式1：每個 then 后單獨 catch
fetch("/api")
  .then((res) => res.json())
  .catch(handleJSONError)
  .then((data) => process(data))
  .catch(handleProcessError);

// 方式2：全局 catch
fetch("/api")
  .then((res) => res.json())
  .then((data) => process(data))
  .catch(handleAnyError);

function cancellablePromise(promise) {
  let isCancelled = false;

  const wrappedPromise = new Promise((resolve, reject) => {
    promise.then((value) => !isCancelled && resolve(value)).catch((error) => !isCancelled && reject(error));
  });

  return {
    promise: wrappedPromise,
    cancel: () => {
      isCancelled = true;
    }
  };
}

const fs = require("fs");

function readFilePromise(path) {
  return new Promise((resolve, reject) => {
    fs.readFile(path, (err, data) => {
      if (err) reject(err);
      else resolve(data);
    });
  });
}

// Promise 風格
function getData() {
  return fetch("/api").then((res) => res.json());
}

// async/await 風格
async function getData() {
  const res = await fetch("/api");
  return res.json();
}

// Promise
fetch("/api")
  .then((res) => res.json())
  .catch(console.error);

// async/await
try {
  const res = await fetch("/api");
  const data = await res.json();
} catch (err) {
  console.error(err);
}

// 錯誤示范（未捕獲的拒絕）
function riskyOperation() {
  return new Promise((_, reject) => {
    setTimeout(reject, 1000, "錯誤");
  });
}

// 正確做法
riskyOperation().catch(() => {});

// 順序執(zhí)行
async function sequential() {
  await task1();
  await task2(); // 等待 task1 完成
}

// 并行執(zhí)行
async function parallel() {
  await Promise.all([task1(), task2()]);
}

// 終極實踐示例
async function getFullData() {
  try {
    const [user, posts] = await Promise.all([fetchUser(), fetchPosts()]);
    return { user, posts };
  } catch (error) {
    console.error("加載失敗:", error);
    throw error; // 向上傳遞
  }
}