前端开发中，异常处理一直是一个重要且常见的技术需求。Javascript 作为现代前端语言之一，也有其专门的异常处理语句：try {...} catch {...}。而在 ES8 标准中，try {...} catch {...} 语句有了一些新的变化，下面我们来详细了解一下。
传统的 try {...} catch {...} 语法
传统的 try {...} catch {...} 语法用于捕获代码块中的异常，如下例所示：
--- - -- --------- - ----- ------- - -- --------- -
当 try 块中的代码执行时，如果出现了异常，就会跳转到 catch 块中进行异常处理。catch 块中的 error 参数表示异常信息。
尽管这个语句在处理异常时非常方便，但它本身的使用存在一些限制：只能处理 try 块中的同步代码执行异常，而无法处理异步异常和 Promise 异常。
promise 中的 try {...} catch {...} 语法
在 Promise 中，try {...} catch {...} 语法的使用情况是不一样的。Promise 中的异常处理通过 catch() 方法实现，它会在 Promise 出现异常时被调用：
----------------------- -- - -- -- ------- --- -------------- -- - -- -- ------- -- ---
在这个例子中，当 Promise 返回值被正确处理时，then 块中的代码将被调用。如果 Promise 出现任何异常，则 catch 块中的代码将被调用。
ES8 中的 try {...} catch {...} 语法
在 ES8 标准中，try {...} catch {...} 语法得到重大升级。除了传统的同步代码异常处理和 promise 异常处理外，它还支持处理 async/await 异常。
处理异步代码异常
当使用 ES8 中的 try {...} catch {...} 语法来捕获异步代码中的异常时，我们需要写出如下格式：
----- -------- ------------------- -
--- -
-- ------------
- ----- ------- -
-- ------
-
-这个语法在异常处理中非常方便，可以让我们轻松地获取异常信息并进行处理。
可选的 catch 绑定
在 ES8 标准中，我们可以写出下面这种形式的 try {...} catch {...} 语法：
--- - -- -------------- ------- -- - ----- - -- ------ -
当我们把 catch 绑定省略掉的时候，catch 块中的异常信息会被自动绑定到变量 error 上：
--- - -- ---------- - ----- - --------------------- -
一个完整的示例
综合上述内容，以下是一个完整的 ES8 try {...} catch {...} 函数，其中包含同步、异步和 Promise 异常处理：
----- -------- ------------------- -
--- -
-- ------------
- ----- ------- -
-- --------
-
-
-------- ------------------ -
--- -
-- ------------
- ----- ------- -
-- --------
-
-
----------------------- -- -
-- -- ------- ---
-------------- -- -
-- ------- ------
---结论
ES8 标准中的 try {...} catch {...} 语法的变化，使得它可以方便地处理同步、异步、Promise 等多种类型的异常。同时还提供了一个可选的 catch 绑定，让我们可以轻松地自动获取和处理异常信息。上述技术都有其深度和学习价值，建议开发者多多研究和实践。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671067785f551281026aaf9e