Promise方法及应用：then，catch，finally：让异步编程变得更简单

前端

2023-12-23 14:48:54

Promise 简介

Promise 是一种用于处理异步操作的 JavaScript 对象。它可以表示一个异步操作的最终完成状态，有三种状态：

未完成（pending）：异步操作尚未完成。
已完成（fulfilled）：异步操作已完成，并且成功返回了结果。
已失败（rejected）：异步操作已完成，并且失败了，可能返回错误信息。

then 方法

Promise 的 then 方法用于为 Promise 实例添加状态改变时的回调函数。回调函数有两个参数：

resolvedValue：当 Promise 状态变为已完成时，传递给回调函数的第一个参数。
rejectedValue：当 Promise 状态变为已失败时，传递给回调函数的第一个参数。

例如，以下代码使用 then 方法为一个 Promise 实例添加了两个回调函数：

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.then((result) => {
  console.log('成功！结果：', result);
}, (error) => {
  console.log('失败！错误信息：', error);
});

catch 方法

Promise 的 catch 方法用于为 Promise 实例添加状态改变为已失败时的回调函数。回调函数只有一个参数：

rejectedValue：当 Promise 状态变为已失败时，传递给回调函数的第一个参数。

例如，以下代码使用 catch 方法为一个 Promise 实例添加了一个回调函数：

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    reject('失败');
  }, 1000);
});

promise.catch((error) => {
  console.log('失败！错误信息：', error);
});

finally 方法

Promise 的 finally 方法用于为 Promise 实例添加一个始终会执行的回调函数。无论 Promise 状态如何，finally 方法中的回调函数都会被执行。finally 方法没有参数。

例如，以下代码使用 finally 方法为一个 Promise 实例添加了一个回调函数：

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.finally(() => {
  console.log('无论成功或失败，都会执行！');
});