40、现代 JavaScript 异步处理与模块化编程

现代 JavaScript 异步处理与模块化编程

1. 异步处理基础

在 JavaScript 中，异步处理是一个重要的概念。在 ES5 中，要实现异步处理，需要使用回调函数。回调函数是作为参数传递给另一个函数，用于在特定时刻被调用的函数。回调函数可以同步或异步调用。

例如，在数组的 forEach() 方法中传递回调函数，这是同步调用的例子：

const arr = [1, 2, 3];
arr.forEach((element) => {
    console.log(element);
});

而在进行 AJAX 请求时，传递的回调函数会在服务器返回结果时异步调用。

2. 回调地狱

回调地狱，也被称为“厄运金字塔”，是使用回调函数时常见的问题。以从服务器获取订单产品数据为例，首先需要异步调用服务器获取客户信息，然后为每个客户再进行一次调用以获取订单，接着为每个订单获取产品，最后获取产品详情。由于不知道每个操作何时完成，需要编写回调函数，在前一个操作完成时调用下一个。

以下是使用 setTimeout() 函数模拟延迟的示例代码：

setTimeout(() => {
    console.log("Getting customers");
    setTimeout(() => {
        console.log("Getti