12、JavaScript异步编程与模块化设计模式全解析

JavaScript异步编程与模块化设计模式全解析

1. 异步编程基础

在JavaScript里，回调函数常被用于处理异步操作的结果，像网络请求或者用户输入这类场景。不过，使用回调函数存在一个显著弊端，那就是容易陷入“回调地狱”，也就是嵌套回调过多，导致代码难以阅读和维护。下面是一个典型的“回调地狱”示例：

function makeRequest1(url, callback) {
  // make network request
  callback(null, response);
}
function makeRequest2(url, callback) {
  // make network request
  callback(null, response);
}
function makeRequest3(url, callback) {
  // make network request
  callback(null, response);
}
makeRequest1('http://example.com/1', (error, data1) => {
  if (error) {
    console.error(error);
    return;
  }
  makeRequest2('http://example.com/2', (error, data2) => {
    if (error) {
      console.error(error);
      return;
    }
    makeRequest3('http://example.com/3', (e