• catch 参数（通常是 err 或 error）包含错误对象，可获取错误信息、类型和堆栈
• 常见错误类型包括：ReferenceError、TypeError、SyntaxError 等
• 可选择性地使用 finally 块执行清理操作，无论是否发生异常都会执行

try {
  console.log(myUndefinedVariable.toUpperCase());
} catch (error) {
  console.error('捕获到错误：', error.message);
} finally {
  console.log('清理资源...');
}

window.onerror = function(message, source, lineno, colno, error) {
  console.error('全局错误：', {
    message,
    source,
    lineno,
    colno,
    error
  });
  return true; // 阻止默认错误报告
};

// 或使用事件监听方式
window.addEventListener('error', function(event) {
  console.error('资源或脚本加载失败：', event.error);
});
</font>

<H3>捕获异步错误（Promise 和 async/await）</H3>
<p>Promise 中的异常不会被 try-catch 捕获，必须使用 .catch() 或 await 结合 try-catch。</p>
<font color="#000000">
<ul>
  <li>使用 .catch() 处理 Promise 链中的拒绝（reject）</li>
  <li>在 async 函数中，用 try-catch 包裹 await 表达式来捕获异步异常</li>
  <li>未处理的 Promise 拒绝可通过 <strong>unhandledrejection</strong> 事件监听</li>
</ul>
</font>
<p>示例：</p>
<font face="Courier New">
<pre class="brush:php;toolbar:false;">
// 使用 .catch()
fetch('/api/data')
  .then(res => res.json())
  .catch(err => console.error('请求失败：', err));

// async/await 中使用 try-catch
async function getData() {
  try {
    const res = await fetch('/api/data');
    const data = await res.json();
  } catch (error) {
    console.error('异步请求出错：', error);
  }
}

// 监听未处理的 Promise 拒绝
window.addEventListener('unhandledrejection', event => {
  console.warn('未捕获的 Promise 错误：', event.reason);
  event.preventDefault(); // 阻止控制台报错
});

class ApiError extends Error {
  constructor(message, code) {
    super(message);
    this.name = 'ApiError';
    this.code = code;
  }
}

// 使用
if (!response.ok) {
  throw new ApiError('API 请求失败', response.status);
}