Promise的then/catch方法详解

一、基本概念与用法

Promise 是异步编程的一种解决方案，它是一个对象，可以处理异步任务的状态（pending/fulfilled/rejected）及其对应的结果。在使用 Promise 进行异步编程时，我们通常通过调用它的 then 方法来获取其状态改变时的结果，并通过 catch 方法捕获异步任务抛出的异常。Promise 的典型用法如下：


var promise = new Promise(function(resolve, reject) {
  // 异步任务...
  if (/* 异步操作成功 */) {
    resolve(result);
  } else {
    reject(error);
  }
});

promise.then(function(result) {
  // 异步操作成功时的回调
}).catch(function(error) {
  // 异步操作失败时的回调
});

Promise 的构造函数传入一个回调函数，该回调函数中包含异步操作的三个状态之一：成功、失败、未完成。由于异步任务的执行时间不确定，我们无法确定 Promise 对象何时变为成功或失败状态，因此需要通过 then/catch 方法来获取其状态。

二、then 方法详解

1、then 方法的基本用法

then 方法接收两个回调函数作为参数，分别用来处理异步任务成功时和失败时的情况。如果 Promise 对象的状态变为成功，则调用第一个回调函数；如果 Promise 对象的状态变为失败，则调用第二个回调函数。then 方法的基本用法如下：


promise.then(function(result) {
  // 异步操作成功时的回调
}, function(error) {
  // 异步操作失败时的回调
});

以下是通过 then 方法的基本用法来实现异步任务的代码示例：


var promise = new Promise(function(resolve, reject) {
  // 异步任务...
  if (/* 异步操作成功 */) {
    resolve(result);
  } else {
    reject(error);
  }
});

promise.then(function(result) {
  // 异步操作成功时的回调
  console.log(result);
}, function(error) {
  // 异步操作失败时的回调
  console.log(error);
});

2、then 方法的链式调用

then 方法不仅可以在一个 Promise 对象上执行一次，也可以链式调用多个 then 方法，按顺序处理多个异步任务的结果。链式调用的原理是将 then 的返回值转变为一个新的 Promise 对象，该 Promise 对象的状态与 then 方法的返回值有关。如果 then 方法内返回的是一个 Promise 对象，则链式调用后面的 then 方法会等待它的状态改变。如果 then 方法内返回的是一个非 Promise 对象的值，则链式调用后面的 then 方法会立即执行，并且其参数接收的就是这个非 Promise 对象的值。链式调用的基本用法如下：


promise.then(function(result) {
  // 异步操作成功时的回调
  return result1; // 注意这里返回值是一个非 Promise 对象的值
}).then(function(result1) {
  // result1 是 then 方法中返回的值
}).catch(function(error) {
  // 异步操作失败时的回调
});

以下是通过 then 方法的链式调用来实现多个异步任务依次执行的代码示例：


var promise = new Promise(function(resolve, reject) {
  // 异步任务...
  if (/* 异步操作成功 */) {
    resolve(result);
  } else {
    reject(error);
  }
});

promise.then(function(result) {
  // 异步操作成功时的回调
  return result1;
}).then(function(result1) {
  // result1 是 then 方法中返回的值
  return result2;
}).then(function(result2) {
  // result2 是 then 方法中返回的值
}).catch(function(error) {
  // 异步操作失败时的回调
});

三、catch 方法详解

在链式调用多个 then 方法时，如果其中某个 then 方法抛出异常，则 promise 对象会立即调用 catch 方法中的回调函数。catch 方法的主要作用是捕获链式调用中的异常并进行处理，以保证 Promise 对象最终都会被处理，不会出现 uncaught exception 或 promise 中断的情况。catch 方法的基本用法如下：


promise.catch(function(error) {
  // 异步操作失败时的回调
});

以下是通过 catch 方法来处理错误的代码示例：


var promise = new Promise(function(resolve, reject) {
  // 异步任务...
  if (/* 异步操作成功 */) {
    resolve(result);
  } else {
    reject(error);
  }
});

promise.then(function(result) {
  // 异步操作成功时的回调
  return result1;
}).then(function(result1) {
  // result1 是 then 方法中返回的值
  return result2;
}).then(function(result2) {
  // result2 是 then 方法中返回的值
}).catch(function(error) {
  // 捕获链式调用中的异常并进行处理
});

四、小结

通过以上的介绍，我们可以看出，Promise 对象以其简单的 API 和强大的功能在异步编程中发挥着重要的作用。通过 then 方法的链式调用，我们可以方便地依次处理多个异步任务的结果，而 catch 方法则可以保证 Promise 对象在出现异常时不会中断程序运行，而是进行错误处理。同时，我们应该注意 Promise 对象中包含的异步操作必须是非阻塞的，否则无法发挥其真正的异步特性。

原创文章，作者：SGWG，如若转载，请注明出处：https://www.506064.com/n/137666.html