Promise架构思维：掌控权在谁手里？

2023-09-22 06:43:06

掌控权之争：回调函数 vs Promise

在异步编程的世界里，我们经常需要处理各种各样的异步任务，比如网络请求、文件读写、定时器等。为了让这些任务能够按顺序执行，我们需要使用某种机制来控制它们的执行顺序。

在JavaScript语言中，传统的方式是使用回调函数来控制异步任务的执行顺序。回调函数是一种特殊的函数，它会在异步任务完成后被调用。例如，我们可以这样使用回调函数来控制一个网络请求的执行顺序：

// 定义一个回调函数
function callback(data) {
  // 在这里处理网络请求返回的数据
}

// 发起一个网络请求
fetch('https://example.com/api/data')
  .then(response => response.json())
  .then(data => callback(data));

在这个例子中，我们定义了一个回调函数callback，并在fetch()函数中指定了这个回调函数。当网络请求完成后，fetch()函数会自动调用callback函数，并将网络请求返回的数据作为参数传递给callback函数。

然而，回调函数这种方式也有一个缺点：当我们需要处理多个异步任务时，代码很容易变得难以阅读和维护。例如，如果我们需要同时发起多个网络请求，那么我们就需要编写多个回调函数，而且这些回调函数很容易混淆在一起。

Promise：让异步编程更简单

为了解决回调函数的缺点，JavaScript语言引入了promise的概念。Promise是一种对象，它代表一个异步操作的最终完成或失败的结果。Promise有三个状态：pending、fulfilled和rejected。

pending：表示异步操作正在进行中。
fulfilled：表示异步操作已成功完成。
rejected：表示异步操作已失败。

我们可以通过then()方法来监听promise的状态变化。例如，我们可以这样使用promise来控制一个网络请求的执行顺序：

// 定义一个promise
const promise = fetch('https://example.com/api/data');

// 监听promise的状态变化
promise
  .then(response => response.json())
  .then(data => {
    // 在这里处理网络请求返回的数据
  });

在这个例子中，我们定义了一个promise对象，并在then()方法中指定了两个回调函数。第一个回调函数会在promise的状态变为fulfilled时被调用，第二个回调函数会在promise的状态变为rejected时被调用。

与回调函数相比，promise具有以下几个优势：