12、JavaScript 异步编程模式与模块化开发

JavaScript 异步编程模式与模块化开发

1. 异步编程中的 Promise 模式

1.1 Promise 基础

Promise 是 JavaScript 中处理异步操作的现代方法。一个 Promise 对象代表了一个异步操作的结果，它有三种状态：进行中（pending）、已成功（fulfilled）和已失败（rejected）。可以使用 Promise 构造函数创建一个 Promise，该构造函数接收一个函数作为参数，这个函数有两个参数 resolve 和 reject 。当异步操作成功完成时调用 resolve 函数，操作失败时调用 reject 函数。

以下是一个使用 Promise 进行网络请求的示例：

function makeRequest(url) {
  return new Promise((resolve, reject) => {
    fetch(url)
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
}
makeRequest('http://example.com/')
  .then(data => console.log(data))
  .catch(error => co