在前端开发中，Promise 作为一种异步操作的解决方案，可以避免回调地狱问题，并提供了更加灵活且易读的代码结构。而在使用 Promise 的过程中，then() 和 catch() 是最经常使用的两个方法。它们不仅可以响应操作成功的情况，还可以处理异常情况。本文将详细介绍 then() 和 catch() 的错误处理方式，以及如何利用它们编写更健壮的代码。
then() 方法
then() 方法是 Promise 最基本的方法之一，可以在 promise 对象当前状态变为 fulfilled（成功）之后，指定一个回调函数。该回调函数可以接收 Promise 传递过来的 resolve 值。但是，在回调函数中编写代码时，我们需要特别留意异常处理，避免代码失控。
--- ----------------- ------- -- - -- --- ------------- -- - -- - ------- ------ --------- ----- -- ------ -- - -- - ------- ------ -------- ----- ---
在 then() 方法中，若 Promise 对象状态变为 fulfilled，而回调函数中代码抛出了错误，则整个 Promise 对象会被拒绝，并立刻跳转到 catch() 中，执行 catch() 中的回调函数。下面是一个例子：
--- ----------------- ------- -- - ------------------- ------------- -- - ----- --- --------- ------ -------------- -- - ------------------- -- -------- --------------- --- -- --------- -- ------ -- ---
从上面的例子中我们可以看到，即便 Promise 对象状态变为 fulfilled，一旦 then() 回调中出现异常，都会将 Promise 对象状态跳转为 rejected，并触发 catch() 方法的执行。
但是在实际开发中，特别是多层 Promise 对象的嵌套调用中，异常处理往往会变得更加复杂。
----------
------------ -- -
------ -----------------
--
------------ -- -
------ -----------------
--
------------ -- -
---------------- -------- --------
--
------------ -- -
------------------- -- -------- ---------------
---如上所示，当 Promise C 的状态变成 rejected 时，可能是由 promiseB() 或 promiseA() 中的 Promise 对象未能处理对应异常造成的，这时候我们往往需要在 Promise 对象调用链上有针对性地增加 catch() 进行错误处理。这样才能更好地掌控代码异常发生时的情况。
catch() 方法
catch() 方法是 Promise 对象的一个重要方法，可以被用来处理 promise 对象的错误。一旦发生错误，catch() 方法中的回调函数将被执行。下面是一个例子：
--- ----------------- ------- -- - ---------- ------------------ -------------- -- - ------------------- -- -------- --------------- --- -- --------- -- ------ -------
从上面的例子中，我们可以看到存在一种特殊情况：若在 catch() 中不再抛出异常或返回一个新的 resolved 的值，那么前面的 then() 中的 resolved 值都将继续传输下去。换句话说，catch() 方法中通常会对错误进行处理，例如输出日志或者尝试进行重试等决策。
--- ----------------- ------- -- - ---------- ------------------ -------------- -- - ------------------- -- -------- --------------- ------ ---------- ------------- -- - ---------------- -------- -------- ------- --- -- --------- -- ------ ------- -- --- -------- ------ -------
在上面的例子中，catch() 方法中返回的字符串通过 then() 方法中的 resolved 值透传至后面。
需要注意的是，当 catch() 方法中抛出错误时，Promise 对象和整个代码调用链会立即中止。Promise 对象的状态将跳转为 rejected，并且跳转到下一个 catch() 方法处理可能的错误。因此，若在 catch() 方法中想要进行异常处理，可以将处理后的错误再抛出或返回一个值。
--- ----------------- ------- -- - ---------- ------------------ -------------- -- - ------------------- -- -------- --------------- ----- --- ------------ -- ---- ---------- -------------- -- - ------------------ --------- --------------- --- -- --------- -- ------ ------- -- ----- ------- ----- -- ---- -------
总结
在使用 Promise 的过程中，then() 和 catch() 方法提供了非常强大的错误处理功能。在编写异常处理代码时，应尽量使用 catch() 方法进行接收并统一处理错误，同时需要注意捕获具体的异常信息，并及时对异常进行处理。这样不仅有利于代码可维护性和可读性，还有助于提高代码的健壮性，尽早发现和处理可能的错误情况。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/646dd744968c7c53b0c76537