简介
ES10 加入了一个新增的方法 catch()，对于 Promise 处理中的错误信息提供了更多的操作和处理能力。 catch()方法内部捕获到的错误将会被作为一个拒绝信息处理，并且错误信息可以在后续的处理中被获取。本文将详细介绍 ES10 中 catch() 新增方法，并给出学习和指导意义方面的解释和示例代码。
catch()详细介绍
catch() 方法是 Promise 处理中非常重要且实用的一种方式。 它的用法很简单，直接在 Promise 的末尾添加 .catch()方法即可。catch()方法内部可以捕获到 Promise 处理中的任何一个错误，并且错误信息可以在后续的处理中用到。
当使用了 .catch()方法时，如果 Promise 中抛出错误，会立即转到 .catch()，并在 .catch()方法中处理异常。
.catch()方法的语法：
Promise.catch(onRejected)
.catch()方法的参数说明：
onRejected 可选：一个函数，在 Promise rejected 时被调用，它的参数是 rejection 的原因。
.catch()方法的返回值说明：
返回一个 Promise。（因此可以在一个 Promise 的链式结构中连续调用多个 .catch() 方法）
catch()方法的指导意义及学习
使用 catch() 方法，可以方便的捕捉到 Promise 链式处理中的任何异常。相比之前只有 then() 方法， catch() 可以捕捉到前面任何一个 Promise 出现的异常。平时在编写复杂的代码时使用 catch() 方法可以更方便地进行错误处理，提高代码的健壮性和可读性。
.catch() 方法可以链式调用，所以当我们在一个 Promise 链式处理中需要进行异常处理时，可以多次调用 .catch() 方法，这样可以让代码更加的清晰和简洁。通过 catch() 方法我们可以进行一些特定的操作，例如将错误信息发送给服务器，或者将错误信息记录到操作日志中以备后续分析处理。同时，catch() 方法可以进行错误的自定义处理，这些都是很有指导意义的。
下面是一个例子，更好地展现了 catch() 方法在处理错误中的应用。
例子
-- -------------------- ---- -------
-------- ------------------------ -
----- ------- - --- ----------------- ------- -- -
-- ----------
------------- -- -
--- ---- - -----
--- -
---- - ------------------ ------- -- ----
--------------
- ----- --- -
---------- ---- -----
-
-- ------
---
-- -- ------- --
-------
------------ -- -
-- ------- ----------
------------------
--
-------------- -- -
-- ------- ----------
-------------------
---
-以上例子中我们定义了一个 Promise，并在 Promise 中使用 JSON.parse() 方法抛出异常。在这个 Promise 处理后，我们调用了 .then() 方法处理成功的情况，并使用 .catch() 方法处理异常的情况。当然上面的例子只是一个简单的例子，实际使用 .catch() 方法处理错误的时候，我们可以进行一些更多的操作，例如发送错误信息到服务器或者记录错误信息到操作日志中。
结论
ES10 新增方法 catch() 在 Promise 处理中增加了更多的操作和处理能力，同时它的语法和使用方式都非常简单和容易理解。对于前端工程师来说， catch() 方法是一个非常好的工具，能够让我们更清晰和方便地处理 Promise 链式操作中出现的错误。在实际开发中，我们要充分运用这个方法，加强代码的健壮性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674bff2614b275ea6fdf45a4