您的位置:

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 对象中包含的异步操作必须是非阻塞的,否则无法发挥其真正的异步特性。