为何 js 同步代码里的 try/catch 无法捕获 async 函数抛出的异常

在 JavaScript 的编程世界里，不少开发者都遇到过这样的困惑：明明写好了 try/catch 语句来捕获异常，可在处理 async 函数时却发现它失效了。这背后的原因究竟是什么呢？

我们要理解 JavaScript 的执行机制。JavaScript 是一门单线程的语言，采用事件循环（Event Loop）来处理异步任务。async 函数本质上是生成器函数的语法糖，它返回一个 Promise 对象。当 async 函数内部抛出异常时，它不会像普通同步函数那样直接中断执行流。

同步代码里的 try/catch 是基于函数调用栈来捕获异常的。当代码在 try 块中执行时，如果发生异常，JavaScript 会在当前调用栈中查找匹配的 catch 块来处理异常。然而，async 函数的执行流程与普通同步函数不同。当 async 函数被调用时，它内部的异步操作（比如 await 后的 Promise）会被放入任务队列中，等待主线程空闲时执行。

这就导致了一个问题：如果 async 函数内部通过 await 暂停，并且在后续的异步操作中抛出异常，此时 try/catch 所在的同步执行栈已经执行完毕。也就是说，异常发生时，已经跳出了 try/catch 的作用域，自然无法被捕获。

那么如何正确捕获 async 函数抛出的异常呢？一种常见的方法是在 async 函数内部使用 try/catch。例如：

async function asyncFunction() {
    try {
        await someAsyncOperation();
    } catch (error) {
        console.error('捕获到异常:', error);
    }
}

另外，也可以通过返回的 Promise 来处理异常。因为 async 函数返回一个 Promise，所以可以使用.then() 和.catch() 来处理：

asyncFunction().then(() => {
    console.log('操作成功');
}).catch((error) => {
    console.error('捕获到异常:', error);
});

了解这些原理和方法，有助于我们在编写 JavaScript 代码时更有效地处理异常，提高代码的健壮性和稳定性。