ES11 中优化 async/await 的 try...catch 语法
在 JavaScript 中，async/await 是在处理异步函数时最常用的方法之一。然而，在 try...catch 结构中使用 async/await 语法时，如果出现错误，抛出异常的方式并不总是令人满意。在 ES11 中，我们可以发现一种新的方式来优化 async/await 的 try...catch 语法。
传统的 try...catch 方式使用的是捕获整个函数体的方式，这种错误处理不能精确地定位到代码的某个具体位置。 async/await 语法通常出现在异步函数处理的场景中，其中存在多条异步请求，如果使用传统的 try...catch，就需要在每个请求的尾部添加 try...catch 语句来进行错误处理。这种方法不仅麻烦，而且不够优雅，这并不是我们想要的。
在 ES11 中，我们可以使用可选的 catch 绑定语法来实现更精确的错误处理机制。使用这种方式，我们可以在 await 语句后面直接添加一个 catch 从句，这个从句只会捕捉到当前 await 语句的错误，从而精确地定位错误所在的代码行。
下面是使用可选 catch 绑定的一些例子：
-- --- ----------- --
----- -------- ------ -
--- -
----- ------- - ----- ----------
----- ------- - ----- -----------------
----- ------- - ----- -----------------
------ -------
- ----- --- -
---------------------- --
-
-
-- ---- -----
----- -------- ------ -
----- ------- - ----- ------------------ -- -
----------------------- --
--
----- ------- - ----- ------------------------- -- -
----------------------- --
--
----- ------- - ----- ------------------------- -- -
----------------------- --
--
------ -------
-在上面的代码中，我们可以看到，在 ES11 中，使用可选的 catch 绑定语法，我们可以在 await 语句后面直接添加一个 catch 从句，这个从句只会捕捉到当前 await 语句的错误，从而精确地定位错误所在的代码行。这种方式，不仅减少了代码的成本，而且提升了错误处理的精准度。
总结：
ES11 中引入的可选 catch 绑定语法能够改善 async/await 的 try...catch 语法的不足之处，为前端开发人员提供了一个更加精准的错误处理机制。当我们需要处理多个异步请求时，采用可选 catch 绑定语法，可以使我们的代码更加优雅、简洁，减少重复的 try...catch 代码块。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66505818d3423812e42b515f