前言
在前端开发中，异步编程是必不可少的。而 Promise 作为一种常见的异步编程模式，其在 ES6 中被引入，大大简化了异步编程的复杂度。随着 ES9 的到来，Promise 新增了 catch 方法，用来捕获 Promise 中的异常。本文将详细介绍 ES9 新增的 Promise 的 catch 方法的工作原理。
Promise 的 catch 方法
在 ES6 中，Promise 提供了 then 方法来处理 Promise 的结果，但是如果 Promise 发生了异常，then 中的第二个参数并不能捕获异常，需要使用 try...catch 语句来处理。而 ES9 新增的 Promise 的 catch 方法，可以更加方便地捕获异常。
catch 方法接受一个函数作为参数，该函数会在 Promise 发生异常时被调用。如果 Promise 没有发生异常，则不会执行该函数。
promise.catch(error => {
console.log(error);
});catch 方法的链式调用
与 then 方法一样，catch 方法也可以进行链式调用。在链式调用中，如果前一个 catch 方法没有捕获异常，则会继续向后查找，直到找到能够捕获异常的 catch 方法为止。
promise.catch(error => {
console.log(error);
}).then(() => {
console.log('done');
});catch 方法的返回值
catch 方法的返回值也是一个 Promise 对象。如果 catch 方法中没有发生异常，则返回一个 resolved 状态的 Promise 对象，否则返回一个 rejected 状态的 Promise 对象。
-- -------------------- ---- ------- ------------------- -- - ------------------- ------ -------- -------------- -- - -------------------- ------ ------- -------------- -- - ------------------- ---
在上面的代码中，如果 Promise 发生异常，则会执行第一个 catch 方法，并返回一个 rejected 状态的 Promise 对象，然后跳过第二个 then 方法，直接执行第二个 catch 方法。如果 Promise 没有发生异常，则会执行第一个 catch 方法，并返回一个 resolved 状态的 Promise 对象，然后执行第二个 then 方法。
案例示例
下面是一个使用 Promise 的案例示例，使用 catch 方法来捕获异常。
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------------ - --------------
-- ------------- - ---- -
-------------------
- ---- -
----------------
-
-- ------
---
-
-----------
------------ -- -
--------------------
----- --- ------------ --------
--
------------ -- -
-------------------
------ --------
--
------------ -- -
--------------------
------ -------
--
------------ -- -
-------------------
---上面的代码中，fetchData 函数返回一个 Promise 对象，模拟了异步请求的过程。如果随机数大于 0.5，则 Promise 对象变为 resolved 状态，否则变为 rejected 状态。
在 then 方法中，如果 Promise 对象变为 resolved 状态，则打印结果，并抛出一个异常；如果变为 rejected 状态，则使用 catch 方法捕获异常，并返回 'catch'。
在第二个 then 方法中，如果上一个 then 方法返回了一个值，则打印该值，并返回 'then'。
在最后一个 catch 方法中，如果 Promise 对象发生异常，则打印异常信息。
总结
ES9 新增的 Promise 的 catch 方法，使得异步编程更加方便和直观。在开发中，我们应该尽可能地使用 Promise 的 catch 方法来捕获异常，并对异常进行处理。希望本文能够对大家理解 ES9 新增的 Promise 的 catch 方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6638b799d3423812e46c2110