为何Node.js脚本表现为同步而非预期异步？（Juggling Async练习场景）

问题分析 #

听起来你遇到的问题是脚本表现出串行执行的行为（必须等前一个URL请求完成才处理下一个），而不是预期的异步并行请求。这种情况大概率是因为你把后续的http.get()调用嵌套在了前一个请求的end回调里，导致请求被依次触发，而非同时发起。

比如这种错误的写法会导致同步串行的效果：

// 错误示例：串行嵌套调用
const http = require('http');
const urls = process.argv.slice(2);

http.get(urls[0], (res) => {
  let data = '';
  res.on('data', chunk => data += chunk);
  res.on('end', () => {
    console.log(data);
    // 第一个请求完成后才发起第二个
    http.get(urls[1], (res) => {
      let data2 = '';
      res.on('data', chunk => data2 += chunk);
      res.on('end', () => {
        console.log(data2);
        // 第二个请求完成后才发起第三个
        http.get(urls[2], (res) => {
          // ... 处理第三个请求
        });
      });
    });
  });
});

正确的异步并行实现方案 #

要实现真正的异步并行处理，我们需要同时发起所有三个请求，并用一个计数器跟踪请求完成的状态，同时用数组按输入URL的顺序存储结果，最后在所有请求都完成后统一打印（符合练习隐含的顺序要求）。

以下是符合练习要求的代码：

const http = require('http');
const urls = process.argv.slice(2);
// 存储每个URL的返回内容，索引对应命令行参数的顺序
const results = [];
// 记录已完成的请求数量
let completedRequests = 0;

// 所有请求完成后打印结果的函数
function printAllResults() {
  results.forEach(result => console.log(result));
}

urls.forEach((url, index) => {
  http.get(url, (res) => {
    let rawData = '';
    // 设置编码避免Buffer转字符串的麻烦
    res.setEncoding('utf8');

    // 收集数据块
    res.on('data', (chunk) => {
      rawData += chunk;
    });

    // 请求完成时存储结果
    res.on('end', () => {
      results[index] = rawData;
      completedRequests++;

      // 当所有请求都完成时打印结果
      if (completedRequests === urls.length) {
        printAllResults();
      }
    });
  })
  // 别忘了处理请求错误
  .on('error', (err) => {
    console.error(`获取 ${url} 时出错: ${err.message}`);
  });
});

代码逻辑说明 #

1. 并行发起请求：通过forEach遍历所有URL，同时调用http.get()发起请求，所有请求会同时开始处理，不会等待前一个完成。
2. 结果顺序保持：用results数组按URL的输入索引存储内容，确保最后打印的顺序和命令行参数的顺序一致。
3. 完成状态跟踪：completedRequests计数器每次在请求完成时递增，当计数器等于URL总数时，说明所有数据都已收集完成，此时调用printAllResults()输出所有内容。

这样就能实现真正的异步并行处理，同时保证结果按预期输出。

内容的提问来源于stack exchange，提问作者Kurt Peek