在前端开发中，使用 Promise 已经成为了不可避免的趋势。Promise 一方面可以帮助我们更好地管理异步任务，另一方面，也可以更好地处理异常情况。其中，catch 方法就是 Promise 常用的处理错误的方式。
catch 方法的作用
在 Promise 链式操作中，当某个步骤发生错误时，这个错误会被传递到下一个步骤，直至被处理为止。catch 方法就是用来接收这个错误信息，进行相应的处理。
promise
.then(value => {
// 成功回调
})
.catch(error => {
// 失败回调
});当 Promise 上的某个操作出现异常时，就会跳到 catch 进行捕捉并处理错误。catch 会接收一个错误对象，可以对这个错误对象进行处理，如打印错误信息或者重新抛出错误。
catch 方法的使用技巧
使用 catch 方法不止是简单的接收错误对象，我们还可以在其中进行一些处理。下面，我们就介绍几个使用技巧，帮助我们更好地使用 catch 方法。
1. 错误信息处理
我们经常需要在页面中显示错误信息。那么如何在 catch 中获取错误信息呢？错误信息可以直接在 catch 中获取到，然后进行相应的处理，例如将错误信息显示在页面中。
promise
.then(value => {
// 成功回调
})
.catch(error => {
console.log(error.message); // 打印错误信息
});2. 捕获多个错误
在 Promise 中，多个错误可能同时发生，这时我们可以通过多次使用 catch 来捕获多个错误。
-- -------------------- ---- -------
-------
----------- -- -
-- ----
--
------------- -- -
-- -----
----- ------- -- ---------------
--
------------- -- -
-- -----
---3. 返回 rejected 状态的 Promise
当 catch 函数中返回一个 rejected 状态的 promise 时，这个 promise 链中的下一个 catch 函数就会被调用。
-- -------------------- ---- -------
-------
----------- -- -
-- ----
--
------------ -- -
-- -- -------- --- -------
------ ------------------------
--
------------ -- -
------------------- -- ------
---4. 异常情况处理
我们可以在 reject 方法中传入一个异常对象，这个异常对象会被 catch 中的处理函数捕获到。
-- -------------------- ---- -------
-------
----------- -- -
-- ----
--
------------ -- -
-- ------ ---------- ------ -
---------------------------
-------------------------
- ---- -
-------------------
-
---在开发过程中，我们经常会遇到一些异常情况，例如网络请求返回的数据不符合要求等，这时我们可以在 reject 中使用异常对象，便于我们更好地处理错误情况。
总结
catch 方法是 Promise 中处理错误的重要方法，在实际开发中，我们可以结合使用多个 catch 方法，对错误进行多方面的处理。同时，我们也可以在 catch 函数中返回 rejected 状态的 promise，以便更好地掌控错误信息。在实际开发中，我们要根据实际情况采用不同的处理方式，更好地适应各种运行环境。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aaba3748841e98946c8bee