在 javascript 异步错误处理中，try-catch 无法直接捕获作用域外（如 promise 内部）抛出的同步或异步错误。要捕获这些错误，必须将 try-catch 块包裹在 async/await 调用的外部，或者使用 promise 的 .catch() 方法。对于未处理的 promise 拒绝，node.js 环境会触发 unhandledrejection 事件，而浏览器环境可能仅记录到控制台。
async/await 模式下如何正确包裹 try-catch
在 async 函数中，如果 await 后面的 Promise 被 reject，错误会作为异常抛出，此时外层的 try-catch 可以正常捕获。这是最推荐的现代异步错误处理方式。关键在于确保 try 块内包含的是 await 表达式，而不是原始的 Promise 对象。
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
if (!response.ok) {
throw new Error('Network response was not ok');
}
const data = await response.json();
console.log(data);
} catch (error) {
console.error('Caught error:', error.message);
}
}
fetchData();
上述代码中，fetch 调用返回一个 Promise。当 await 该 Promise 时，如果网络失败或状态码非 2xx，throw new Error 会触发 rejection。由于在 async 函数中，这个 rejection 会被转换为 thrown exception，因此被 catch 块捕获并打印出 'Caught error: Network response was not ok'。如果去掉 await，fetch 返回的 Promise 将处于 pending 状态，错误不会被当前 try-catch 捕获，导致静默失败。
立即学习“Java免费学习笔记（深入）”；
Promise.then().catch() 链式调用中的错误捕获
在不使用 async/await 的传统 Promise 链中，错误可以通过在链尾添加 .catch() 来处理。任何前置步骤中抛出的错误或返回的 rejected Promise 都会沿着链向下传递，直到遇到 .catch()。这种方式同样能捕获作用域内的异步错误，但需要注意链式调用的顺序和中间状态的返回值。
function fetchDataLegacy() {
return fetch('https://api.example.com/data')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Caught error:', error.message);
});
}
fetchDataLegacy();
在这个例子中，fetch 返回的 Promise 如果成功，进入第一个 .then。如果响应不 OK，手动 throw 一个 Error，这会使当前 Promise 变为 rejected 状态。下一个 .then 会被跳过，直接进入 .catch 块，从而捕获错误。如果 fetch 本身失败（如网络断开），也会直接跳转到 .catch。这种模式确保了所有异步操作中的错误都能被统一处理，避免了未捕获的 Promise 拒绝。
未捕获的 Promise 拒绝会导致什么后果
如果异步错误既没有被 async/await 的 try-catch 捕获，也没有被 Promise 链的 .catch() 处理，程序将产生未处理的 Promise 拒绝。在 Node.js 中，这会触发 unhandledRejection 事件，可能导致进程退出；在浏览器中，错误通常只输出到控制台，不影响页面运行。为了避免这种情况，应始终为异步操作提供错误处理机制。
