初学者手把手学习书写 Promise

2023-09-27 09:56:59

作为一名JavaScript开发人员，你可能经常会遇到异步编程的情况，比如网络请求、setTimeout等。这些异步操作可能会导致你的代码变得难以理解和维护。为了解决这个问题，JavaScript引入了一个强大的工具——Promise。

Promise是一个表示异步操作的最终完成或失败的对象。它可以让你在异步操作完成后执行一些特定的操作，而无需使用复杂的回调函数。

1. Promise的基本用法

创建一个Promise非常简单，你只需要使用new Promise()构造函数即可。在构造函数中，你传入一个函数，这个函数接收两个参数：resolve和reject。resolve用于表示异步操作成功完成，reject用于表示异步操作失败。

const promise = new Promise((resolve, reject) => {
  // 在这里执行异步操作
  if (success) {
    resolve(result);
  } else {
    reject(error);
  }
});

2. 处理Promise

一旦你创建了一个Promise，你就可以使用then()方法来处理它。then()方法接收两个参数：onFulfilled和onRejected。onFulfilled用于处理异步操作成功完成的情况，onRejected用于处理异步操作失败的情况。

promise.then((result) => {
  // 在这里处理异步操作成功完成的情况
}, (error) => {
  // 在这里处理异步操作失败的情况
});

3. Promise的链式调用

Promise的一个强大之处在于它支持链式调用。这意味着你可以将多个Promise连接起来，形成一个链式结构。这样，你可以轻松地处理复杂的异步操作。

promise1.then((result) => {
  return promise2(result);
}).then((result) => {
  return promise3(result);
}).then((result) => {
  // 在这里处理所有异步操作成功完成的情况
}, (error) => {
  // 在这里处理任何一个异步操作失败的情况
});