try {
  // 可能拋出異常的代碼（同步/await 異步）
} catch (error) {
  // 只有 try 塊拋出異常時，才執(zhí)行這里（處理錯誤）
} finally {
  // 可選：無論是否拋出異常，最終一定會執(zhí)行（收尾操作）
}

function syncErrorDemo() {
  try {
    console.log("開始執(zhí)行同步代碼");
    // 拋出同步異常：訪問未定義的變量
    console.log(nonExistVar); 
    console.log("這行代碼不會執(zhí)行"); // 異常后停止執(zhí)行
  } catch (error) {
    // 捕獲異常并解析
    console.log("捕獲到同步異常：");
    console.log("錯誤類型：", error.name); // ReferenceError
    console.log("錯誤信息：", error.message); // nonExistVar is not defined
    console.log("調(diào)用棧：", error.stack); // 定位錯誤位置（調(diào)試關(guān)鍵）
  } finally {
    console.log("finally：同步代碼執(zhí)行收尾\n");
  }
}
 
syncErrorDemo();

function validateAge(age) {
  try {
    if (age < 18) {
      // 手動拋出自定義 Error 對象（推薦）
      throw new Error("年齡必須≥18歲");
    }
    console.log("年齡驗證通過");
  } catch (error) {
    console.log("驗證失?。?, error.message);
  }
}
 
validateAge(16); // 驗證失?。耗挲g必須≥18歲
validateAge(20); // 年齡驗證通過

// 錯誤示例：同步 try-catch 捕獲不到異步回調(diào)的異常
function wrongAsyncCatch() {
  try {
    setTimeout(() => {
      // 異步回調(diào)內(nèi)的異常，外層 try-catch 捕獲不到
      throw new Error("異步回調(diào)出錯");
    }, 1000);
  } catch (error) {
    console.log("捕獲到錯誤：", error); // 永遠不會執(zhí)行
  }
}
wrongAsyncCatch(); // 控制臺會拋出“未捕獲的異常”

// 模擬異步操作（返回 Promise）
function fetchData(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url === "success") {
        resolve({ data: "請求成功", code: 200 });
      } else {
        // Promise reject 會被 await 轉(zhuǎn)化為同步異常
        reject(new Error("接口請求失?。?04 Not Found"));
      }
    }, 1000);
  });
}
 
// async/await + try-catch 捕獲異步異常
async function asyncAwaitCatch() {
  try {
    console.log("開始請求接口");
    // await 等待 Promise，若 reject 則拋出異常
    const res = await fetchData("fail"); 
    console.log("接口返回：", res); // 異常后不會執(zhí)行
  } catch (error) {
    // 捕獲異步異常（等同于 Promise 的 .catch()）
    console.log("捕獲到異步異常：", error.message);
    // 錯誤兜底：使用默認數(shù)據(jù)
    const defaultData = { data: "默認數(shù)據(jù)", code: 500 };
    console.log("兜底方案：", defaultData);
  } finally {
    console.log("finally：請求流程收尾（關(guān)閉加載彈窗）");
  }
}
 
asyncAwaitCatch();

async function parallelCatch() {
  try {
    // Promise.all 中任意一個 Promise reject，整體就會拋出異常
    const [res1, res2] = await Promise.all([
      fetchData("success"), // 成功
      fetchData("fail")     // 失敗
    ]);
    console.log("并行請求成功：", res1, res2);
  } catch (error) {
    console.log("并行請求失敗：", error.message);
    // 兜底：重新請求失敗的接口
    const backupRes = await fetchData("success");
    console.log("兜底成功：", backupRes);
  }
}
parallelCatch();

try {
  const res = undefined; // 靜默失敗，無異常拋出
  if (!res) {
    console.log("數(shù)據(jù)為空，但未拋出異常");
  }
} catch (error) {
  console.log("不會執(zhí)行這里");
}

function finallyPriority() {
  try {
    return "try 返回值";
  } catch (e) {
    return "catch 返回值";
  } finally {
    console.log("finally 先執(zhí)行");
  }
}
console.log(finallyPriority()); // 輸出：finally 先執(zhí)行 → try 返回值

// 錯誤：try-catch 捕獲不到非 await 的 Promise 異常
async function wrongCatch() {
  try {
    // 未用 await，Promise 異常會“逃逸”
    fetchData("fail"); 
  } catch (error) {
    console.log("捕獲不到：", error);
  }
}
wrongCatch(); // 控制臺拋出未捕獲的異常

// 錯誤：請求失敗時，未關(guān)閉加載彈窗
async function noFinally() {
  console.log("打開加載彈窗");
  try {
    await fetchData("fail");
  } catch (error) {
    console.log("請求失敗");
    // 忘記關(guān)閉彈窗
  }
  // 如果沒有 catch，彈窗永遠不會關(guān)閉
}

// 低效：只打印日志，沒有兜底邏輯
async function uselessCatch() {
  try {
    await fetchData("fail");
  } catch (error) {
    console.log("出錯了：", error); // 僅打印，無兜底
  }
  // 后續(xù)代碼依賴接口數(shù)據(jù)，會繼續(xù)報錯
  console.log(res.data); // res 未定義
}

// 1. try-catch 寫法（推薦）
async function tryCatchDemo() {
  try {
    const res = await fetchData("fail");
  } catch (e) {
    console.log("捕獲錯誤：", e.message);
  }
}
 
// 2. Promise.catch 寫法（等價）
async function promiseCatchDemo() {
  const res = await fetchData("fail").catch(e => {
    console.log("捕獲錯誤：", e.message);
  });
}