Promise入门

1. 回调地狱与 Promise

在异步编程中，我们经常会遇到回调函数，即在一个函数中调用另一个函数，然后在另一个函数执行完成后再执行当前函数。当我们需要处理多个异步操作时，回调函数就会层层嵌套，形成所谓的“回调地狱”。

回调地狱的缺点：

• 可读性差：代码结构复杂，难以理解和维护。
• 难以调试：错误容易被掩盖，难以定位和修复。
• 难以扩展：当需要添加新的异步操作时，需要对整个代码结构进行修改。

为了解决回调地狱的问题，ES6新增了 Promise 对象。Promise 对象表示一个异步操作的结果，它可以处于三种状态：

• pending（未完成）：异步操作正在执行中。
• fulfilled（已完成）：异步操作成功执行，并有结果返回。
• rejected（已拒绝）：异步操作执行失败，并有错误信息返回。

2. Promise 的基本用法

Promise 对象可以通过 new Promise() 创建，它接受一个函数作为参数，该函数称为 executor，executor 函数有两个参数，分别是 resolve 和 reject。resolve 用于将 Promise 的状态变为 fulfilled，并传入一个值作为结果；reject 用于将 Promise 的状态变为 rejected，并传入一个值作为错误信息。

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

Promise 对象提供了一些方法来处理异步操作的结果，包括：

• then() 方法：用于处理异步操作成功时的结果，它接受两个函数作为参数，分别是成功回调函数和失败回调函数。

promise.then(
  (result) => {
    console.log(result); // 输出：成功
  },
  (error) => {
    console.log(error); // 输出：失败
  }
);

• catch() 方法：用于处理异步操作失败时的错误信息，它接受一个函数作为参数，该函数用于处理错误信息。

promise.catch((error) => {
  console.log(error); // 输出：失败
});

• finally() 方法：用于无论异步操作成功或失败都会执行的函数，它接受一个函数作为参数，该函数用于执行一些清理工作。

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

3. Promise 的优势

Promise 相比于回调函数具有以下优势：

• 可读性好：代码结构清晰，易于理解和维护。
• 易于调试：错误容易被发现和修复。
• 易于扩展：当需要添加新的异步操作时，只需添加一个新的 Promise 对象即可。

4. 结语

Promise 是一个强大的工具，它可以帮助我们轻松地处理异步操作，并避免回调地狱的出现。通过本文的学习，相信你已经对 Promise 有了初步的了解。