在 JavaScript 中，Promise 是一种用于处理异步操作的对象。它可以让我们更加方便地处理异步操作，并且可以避免回调函数的嵌套，提高代码的可读性和可维护性。在 Promise 中，我们经常使用 then() 方法来处理 Promise 的状态，但是当 Promise 的状态变为 rejected 时，我们还可以使用 catch() 方法来处理错误。
Promise.prototype.catch() 方法介绍
Promise.prototype.catch() 方法用于处理 Promise 的 rejected 状态，它接收一个回调函数作为参数，该回调函数会在 Promise 变为 rejected 状态时被调用。catch() 方法返回一个新的 Promise 对象，它的状态为 resolved，值为回调函数的返回值。
下面是 catch() 方法的语法：
promise.catch(onRejected)
其中，promise 表示要处理的 Promise 对象，onRejected 表示当 Promise 变为 rejected 状态时要执行的回调函数。
Promise.prototype.catch() 方法实例分析
下面我们来看一个 Promise.prototype.catch() 方法的实例，示例代码如下：
// javascriptcn.com 代码示例
function getData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = { name: '张三', age: 18 };
// 模拟请求成功
resolve(data);
// 模拟请求失败
// reject('请求失败');
}, 1000);
});
}
getData()
.then(data => {
console.log(data);
console.log(data.name);
})
.catch(error => {
console.log(error);
});在上面的示例中，我们定义了一个名为 getData() 的函数，该函数返回一个 Promise 对象。在 Promise 对象中，我们使用 setTimeout() 来模拟异步请求，当请求成功时，我们使用 resolve() 方法将 Promise 对象的状态变为 resolved，并传入一个对象作为值。当请求失败时，我们使用 reject() 方法将 Promise 对象的状态变为 rejected，并传入一个字符串作为错误信息。
在 getData() 函数被调用时，我们使用 then() 方法来处理 Promise 对象的 resolved 状态，打印出请求成功后返回的数据，并且打印出数据中的 name 属性。同时，我们使用 catch() 方法来处理 Promise 对象的 rejected 状态，打印出错误信息。
在上面的代码中，我们将请求成功和请求失败的代码注释掉了。如果我们将请求成功的代码解除注释，控制台将会输出以下内容：
{ name: '张三', age: 18 }
张三这是因为 Promise 对象的状态变为 resolved，then() 方法会被调用，打印出请求成功后返回的数据，并且打印出数据中的 name 属性。
如果我们将请求失败的代码解除注释，控制台将会输出以下内容：
请求失败
这是因为 Promise 对象的状态变为 rejected，catch() 方法会被调用，打印出错误信息。
Promise.prototype.catch() 方法的学习和指导意义
Promise.prototype.catch() 方法可以帮助我们更加方便地处理 Promise 对象的 rejected 状态，避免了回调函数的嵌套，提高了代码的可读性和可维护性。当我们使用 Promise 对象时，我们应该养成使用 then() 方法处理 resolved 状态，使用 catch() 方法处理 rejected 状态的习惯。
在编写 Promise 代码时，我们应该注意错误处理，避免出现未处理的错误。当 Promise 对象的状态变为 rejected 时，我们应该使用 catch() 方法来处理错误，并返回一个新的 Promise 对象，避免出现未处理的错误。
在使用 Promise.prototype.catch() 方法时，我们应该注意返回一个新的 Promise 对象，否则 Promise 对象的状态将无法正确处理。在回调函数中，我们可以使用 throw 或者返回一个 rejected 的 Promise 对象来抛出错误，这样 catch() 方法就可以正确处理错误了。
总结
本文介绍了 Promise.prototype.catch() 方法的用法和实例，分析了 Promise.prototype.catch() 方法的学习和指导意义。在编写 Promise 代码时，我们应该注意错误处理，避免出现未处理的错误。在使用 Promise.prototype.catch() 方法时，我们应该注意返回一个新的 Promise 对象，否则 Promise 对象的状态将无法正确处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65783c7fd2f5e1655d22388a