让 Promise 为你提供更强大的异步编程能力

2024-01-26 14:27:06

JavaScript 是一门单线程语言，这意味着它一次只能执行一项任务。当遇到异步操作时，比如网络请求或文件读写，JavaScript 会将这些操作放入一个队列中，然后继续执行其他的任务。当异步操作完成后，JavaScript 会从队列中取出这个操作，并执行它的回调函数。

回调函数是一种特殊的函数，它会在异步操作完成后被调用。回调函数通常会接受一个参数，这个参数是异步操作的结果。回调函数可以用来处理异步操作的结果，比如更新用户界面或保存数据到数据库。

回调函数的使用很灵活，但它也有一个缺点：代码容易变得难以阅读和维护。当你的代码中有多个异步操作时，回调函数就会嵌套在一起，形成一个复杂的回调地狱。

为了解决这个问题，ES6 引入了 Promise 对象。Promise 是一个对象，它用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。

Promise 的内部实现是一个状态机。Promise 有三种状态：

Pending： 这是 Promise 的初始状态。当一个 Promise 被创建时，它就处于 Pending 状态。
Fulfilled： 当异步操作成功完成后，Promise 就会进入 Fulfilled 状态。
Rejected： 当异步操作失败时，Promise 就会进入 Rejected 状态。

你可以使用 Promise 的 then() 方法来处理 Promise 的结果。then() 方法接受两个参数：一个用于处理 Fulfilled 状态的回调函数，另一个用于处理 Rejected 状态的回调函数。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  if (success) {
    resolve('成功');
  } else {
    reject('失败');
  }
});

promise.then(result => {
  // 处理成功的结果
  console.log(result);
}, error => {
  // 处理失败的结果
  console.log(error);
});

Promise 还可以使用 catch() 方法来处理 Rejected 状态。catch() 方法只接受一个参数，用于处理 Rejected 状态的回调函数。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  if (success) {
    resolve('成功');
  } else {
    reject('失败');
  }
});

promise.catch(error => {
  // 处理失败的结果
  console.log(error);
});