Promise 是 JavaScript 中异步编程的重要方案，通过 Promise 可以优雅地处理异步操作并避免回调函数的嵌套。而 Promise 的 catch 方法则是 Promise 链式调用（Promise Chaining）中非常重要的一环。
Promise 简介
在开始讲解 Promise 的 catch 方法之前，先来简单介绍一下 Promise 的概念。
Promise 是一种异步编程的解决方案，它可以解决传统回调函数的问题，例如：
getData(function(err, data) {
if (err) {
console.error(err);
} else {
console.log(data);
}
});使用 Promise 可以将上述代码改写为：
getData()
.then(function(data) {
console.log(data);
})
.catch(function(err) {
console.error(err);
});上述代码中，我们使用 Promise 的 then 方法来处理成功情况，使用 catch 方法来处理失败情况。
Promise catch 方法的基本使用
Promise 的 catch 方法用来处理 Promise 链中出现的错误，例如：
new Promise(function(resolve, reject) {
throw new Error("Something went wrong!");
})
.catch(function(error) {
console.error(error);
});由于 Promise 内部出现了错误，因此 catch 方法会捕获到这个错误并输出到控制台。
需要注意的是，Promise 链中只要有一个 then 方法出现了错误并且没有被 catch 方法捕获到，整个 Promise 链就会被终止。
Promise catch 方法的链式调用
Promise 的 catch 方法也支持链式调用，例如：
-- -------------------- ---- -------
---------
-------------------- -
------------------
--
---------------- -
----- --- ---------------- ---- ---------
--
---------------------- -
---------------------
---在上面的例子中，第二个 then 方法抛出了一个错误，catch 方法成功捕获了这个错误并输出到控制台。
需要注意的是，catch 方法只能捕获到前面 then 方法中出现的错误，如果错误是在 Promise 构造函数中抛出的，catch 方法将无法捕获这个错误。
Promise catch 方法的链式调用与返回值
Promise 的 catch 方法也会影响 then 方法的返回值，例如：
-- -------------------- ---- -------
---------
-------------------- -
------------------
------ ----------
--
---------------------- -
----- --- ---------------- ---- ---------
--
---------------------- -
---------------------
------ ----------
--
---------------------- -
--------------------
---在上面的例子中，第二个 then 方法返回了一个字符串 "success"，因此第三个 then 方法的参数为 "success"。而 catch 方法返回了一个字符串 "failure"，因此第四个 then 方法的参数为 "failure"。
Promise catch 方法的实践
在日常开发中，我们经常需要使用 Promise 处理异步操作，而 catch 方法则是避免出错的重要保障。下面给出一个实际的例子：
-- -------------------- ---- -------
-------------------------------------
------------------------ -
-- -------------- -
----- --- ---------------- ---- ---------
-
------ ----------------
--
-------------------- -
------------------
--
---------------------- -
---------------------
-- ----------
-----------------------
---在上面的例子中，我们使用 fetch 方法获取数据，并使用 Promise 处理返回结果。如果响应出现了错误（例如 404），则会抛出一个错误并被 catch 方法捕获，同时弹出一个错误信息弹窗提醒用户。而如果响应正常，则会将数据打印到控制台中。
总结
Promise 的 catch 方法是 Promise 异步编程方案中非常重要的一个环节，在避免链式调用中出现错误和提供异常处理等方面都有着重要的作用。在平时的开发中，我们需要在 Promise 的使用中注重对 catch 方法的处理，以避免代码出现错误，提升开发效率、代码健壮性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fffe0395b1f8cacde35222