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("錯(cuò)誤").catch(console.error); // "錯(cuò)誤"

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

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

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) => {
  // 注意：這里永遠(yuǎn)不會(huì) catch
  // results 是一個(gè)包含三個(gè)對(duì)象的數(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; // 我們可以針對(duì)每個(gè)結(jié)果進(jìn)行精細(xì)化處理

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

const p1 = Promise.reject("錯(cuò)誤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("請(qǐng)求失敗:", error));

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

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

// 方式1：每個(gè) then 后單獨(dú) 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 風(fēng)格
function getData() {
  return fetch("/api").then((res) => res.json());
}

// async/await 風(fēng)格
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);
}

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

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

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

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

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