ES6里可告别回调地狱的新特性Promise

2023-09-09 07:11:32

同步与异步的编程世界

在计算机编程中，操作的执行顺序至关重要。传统的同步编程方式要求每个操作都在前一个操作完成后立即执行。然而，随着现代应用程序变得更加复杂，异步编程应运而生。异步编程允许应用程序在不阻塞主线程的情况下执行长时间或耗时的操作。

回调函数：异步编程的最初尝试

在 ES6 之前，处理异步操作的惯用方法是使用回调函数。回调函数是在异步操作完成后执行的函数。例如，考虑一个向服务器发送请求并希望在收到响应后执行某个动作的应用程序。使用回调函数，代码可能如下所示：

function makeRequest(callback) {
  // 发送异步请求
  setTimeout(() => {
    const response = '服务器响应';
    callback(response);
  }, 2000);
}

makeRequest((response) => {
  // 处理服务器响应
});

虽然回调函数使我们能够处理异步操作，但它们也引入了称为回调地狱 的问题。当多个异步操作嵌套在一起时，代码会变得难以阅读和维护。

Promise：告别回调地狱

Promise是一种异步编程范式，旨在解决回调地狱问题。Promise本质上是一个对象，它表示一个异步操作的最终结果。Promise有三种状态：

Pending： 异步操作尚未完成。
Fulfilled： 异步操作已完成，结果成功。
Rejected： 异步操作已完成，结果失败。

使用Promise，我们可以通过.then()方法处理异步操作的结果。.then()方法接收两个参数：一个用于处理成功结果的函数，另一个用于处理失败结果的函数。

使用Promise编写更简洁的代码

以下是如何使用Promise重写上面处理服务器请求的代码：

function makeRequest() {
  return new Promise((resolve, reject) => {
    // 发送异步请求
    setTimeout(() => {
      const response = '服务器响应';
      resolve(response); // 操作成功，使用resolve传递结果
    }, 2000);
  });
}

makeRequest()
  .then((response) => {
    // 处理服务器响应
  })
  .catch((error) => {
    // 处理请求失败
  });