jQuery deferred.catch() 方法

在使用 JavaScript 进行异步编程时，我们需要考虑到错误处理的情况。jQuery 提供了 deferred.catch() 方法用于捕获异步操作的错误，并将错误传递给链式调用中的下一个失败回调函数。

使用示例

下面是 deferred.catch() 方法的一个示例：

$.ajax({
  url: "example.php",
}).then(function(result) {
  console.log(result);
}).catch(function(error) {
  console.log("An error occurred: " + error);
});

在上面的代码中，我们使用 $.ajax() 方法进行异步请求。如果请求成功，则调用 then() 方法中的回调函数并打印返回的结果。如果请求失败，则调用 catch() 方法中的回调函数，该函数打印错误消息。

API

deferred.catch( [callbacks ] )

• callbacks（可选）：一个或多个要添加到失败回调数组中的回调函数，当使用 deferred.reject() 拒绝时调用。传入此方法的任何回调函数都会作为 .fail() 的别名，它们的参数和文本反应方式都与 fail() 方法相同。

返回值

如果未传递参数，则返回当前 deferred 对象的 Promise。否则，返回新的 Promise 对象，该对象将调用该 deferred 对象，并将传递的回调函数添加到其 catch 链中。

下面是一个具有多个 catch() 调用的示例，其中使用了多个回调函数：

$.ajax({
  url: "example.php",
}).then(
  function(result) {
    console.log(result);
  },
  function(error) {
    console.log("An error occurred during the first _.then() call: " + error);
  }
).catch(function(error) {
  console.log("An error occurred during the _.catch() call: " + error);
}).then(function(result) {
  console.log(result);
}, function(error) {
  console.log("An error occurred during the second _.then() call: " + error);
}).catch(function(error) {
  console.log("An error occurred during the second _.catch() call: " + error);
});

在上面的示例中，我们使用两个 .then() 和两个 .catch() 调用。如果第一个 .then() 调用的成功回调失败，则第一个 .catch() 调用将捕获该错误。第二个 .then() 调用的成功回调将被调用，但如果它也失败，则第二个 .catch() 调用将捕获错误。