#浅谈 Promise 中的 catch 和 reject 区别
##前言
Promise 是 JavaScript 中非常重要的概念之一，用来封装异步操作并返回结果。Promise 中的 catch 和 reject 是两个非常重要的概念，很多初学者容易混淆。
在本文中，我们将深入探讨 Promise 中的 catch 和 reject 的区别，并展示一些示例代码，希望能帮助大家更好地理解这两个概念。
##catch 和 reject 的定义
在 Promise 中，catch 和 reject 是两个用于处理 Promise 错误的方法。
catch 用于捕获 Promise 内部的错误，通常用于处理 Promise 返回的错误情况。如果 Promise 操作成功，则 catch 不会被执行。例如：
Promise.resolve(42)
.then(value => {
console.log(value); // 42
})
.catch(error => {
console.log(error);
});在上面的例子中，Promise 操作成功，因此 catch 不会被执行。
对于 Promise 操作失败的情况，我们需要使用 reject 方法来设置 Promise 的状态为 rejected，并传递一个错误原因。例如：
Promise.reject(new Error('Something went wrong'))
.then(value => {
console.log(value);
})
.catch(error => {
console.log(error.message); // Something went wrong
});在上面的例子中，Promise 操作失败，因此 catch 被执行，并输出错误原因。
##catch 和 reject 的区别
虽然 catch 和 reject 都是用于处理 Promise 中的错误，但它们之间有一些重要的区别。
首先，reject 是一个方法，用于设置 Promise 的状态为 rejected。catch 则是一个方法，用于处理 Promise 内部的错误。
其次，catch 可以在 Promise 链中的任何位置进行调用。如果 Promise 操作成功，则 Promise 链会正常执行，catch 不会被执行。如果 Promise 操作失败，则 Promise 链会跳过所有成功的 then 方法并执行最靠近 Promise 失败状态的 catch 方法。
-- -------------------- ---- -------
-------------------
----------- -- -
------------------- -- --
----- --- ---------------- ---- --------
--
----------- -- -
-------------------
--
------------ -- -
--------------------------- -- --------- ---- -----
---在上面的例子中，第一个 then 方法抛出了一个错误，因此 Promise 操作失败。然后，Promise 链跳过第二个 then 方法并调用最靠近 Promise 失败状态的 catch 方法。
最后，catch 可以用于处理 reject 方法设置的 Promise 错误。如果在 Promise 中使用了 reject 方法，catch 就可以捕获这个错误并进行处理。例如：
Promise.reject(new Error('Something went wrong'))
.catch(error => {
console.log(error.message); // Something went wrong
});在上面的例子中，Promise 使用了 reject 方法设置了错误原因，并使用 catch 方法进行了捕获和处理。
##总结
通过本文，我们认识到了 catch 和 reject 在 Promise 中的不同作用。catch 用于捕获 Promise 内部的错误，通常用于处理 Promise 返回的错误情况。而 reject 则是一个方法，用于设置 Promise 的状态为 rejected。
我们还了解到了 catch 和 reject 的区别。catch 可以在 Promise 链的任何位置进行调用，如果有错误发生，catch 可以捕获并处理。而 reject 方法用来设置 Promise 的错误状态，它可以被 catch 方法所捕获。
为了更好地理解 catch 和 reject 的作用和区别，建议读者在实际操作中多加练习，并结合本文提供的示例代码来学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c11e0883d39b4881579da8