Node.js异步机制疑问：readFile执行后arr未更新问题求助

嘿，我来帮你拆解这个问题～ 你遇到的核心问题其实是对Node.js异步操作的执行顺序理解不到位，这是初学者刚接触异步时非常常见的误区，别急，咱们一步步说清楚。

为什么arr始终为空？ #

Node.js里的fs.readFile是异步非阻塞的I/O操作——当你调用它的时候，它会把文件读取的任务交给操作系统后台去处理，主线程则会继续往下执行后续代码。如果你的代码是像下面这样写的：

const fs = require('fs');
let arr = [];

function readIn(filePath) {
  // 异步读取文件，回调函数会在读取完成后才执行
  fs.readFile(filePath, 'utf8', (err, data) => {
    if (err) throw err;
    arr.push(data); // 这行代码是"稍后"才会执行的
  });
  whenDone(); // 这行代码会被立即执行！
}

function whenDone() {
  console.log(arr); // 此时arr还没被修改，自然是空的
}

问题就出在whenDone()的调用时机上：主线程不会等readFile的回调执行完，而是直接跳到whenDone()，这时候文件还没读完，arr.push(data)根本还没执行，所以打印出来的arr就是空的。

正确的写法：让whenDone等待异步操作完成 #

你需要把whenDone()的调用放到readFile的回调函数内部，确保只有当文件读取完成、arr被修改后，才去执行更新逻辑：

const fs = require('fs');
let arr = [];

function readIn(filePath) {
  fs.readFile(filePath, 'utf8', (err, data) => {
    if (err) {
      console.error('读取文件出错:', err);
      return; // 出错时也要处理，避免程序崩溃
    }
    arr.push(data); // 此时数据已经读取完成，arr被修改
    whenDone(); // 现在调用whenDone，就能拿到更新后的arr了
  });
}

function whenDone() {
  console.log('更新后的arr:', arr);
}

如果要读取多个文件怎么办？ #

要是你需要读取多个文件，等所有文件都读完再更新arr，那可以用Promise + async/await（更简洁的现代写法），或者用计数器来跟踪异步操作的完成状态：

方法1：用Promise和async/await（推荐） #

Node.js的fs.promises模块提供了Promise版本的文件操作API，配合async/await可以把异步代码写得像同步一样清晰：

const fs = require('fs').promises;
let arr = [];

async function readIn(filePaths) {
  // 遍历所有文件路径，逐个读取
  for (const path of filePaths) {
    try {
      const data = await fs.readFile(path, 'utf8');
      arr.push(data);
    } catch (err) {
      console.error('读取文件出错:', err);
    }
  }
  whenDone(); // 所有文件读取完成后调用
}

function whenDone() {
  console.log('所有文件读取完成，arr:', arr);
}

方法2：用计数器跟踪完成状态 #

如果你还不太熟悉Promise，也可以用计数器来统计已经完成的异步操作，等所有操作都完成后再调用whenDone：

const fs = require('fs');
let arr = [];
let completedCount = 0;

function readIn(filePaths) {
  const totalFiles = filePaths.length;
  
  filePaths.forEach(path => {
    fs.readFile(path, 'utf8', (err, data) => {
      completedCount++;
      
      if (err) {
        console.error('读取文件出错:', err);
      } else {
        arr.push(data);
      }
      
      // 当所有文件都读取完成时，调用whenDone
      if (completedCount === totalFiles) {
        whenDone();
      }
    });
  });
}

function whenDone() {
  console.log('所有文件读取完成，arr:', arr);
}

总结一下核心误区 #

你之前的误解在于：以为调用readFile之后，后面的代码会等待它执行完成再继续，但Node.js的异步I/O是非阻塞的——主线程不会为了等待一个异步操作而停下来，必须通过回调、Promise或者async/await来明确指定“某个操作完成后再执行什么”。

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