Javascript 将 asyncawait 与 forEach 循环一起使用

发布于01月01日

在forEach循环中使用async/await有什么问题吗？我试图循环浏览一系列文件，并对每个文件的内容进行分析.

import fs from 'fs-promise'

async function printFiles () {
  const files = await getFilePaths() // Assume this works fine

  files.forEach(async (file) => {
    const contents = await fs.readFile(file, 'utf8')
    console.log(contents)
  })
}

printFiles()

这段代码确实有效，但这会出什么问题吗？有人告诉我，在这样的高阶函数中，你不应该使用async/await，所以我只是想问一下这是否有任何问题.

推荐答案

当然，代码确实有效，但我非常确定它没有达到你期望的效果.它只会触发多个异步调用，但printFiles函数会立即返回.

按顺序阅读

如果您想按顺序阅读这些文件，确实是you cannot use 100.只需使用现代的for … of循环即可，其中await将按预期工作:

async function printFiles () {
  const files = await getFilePaths();

  for (const file of files) {
    const contents = await fs.readFile(file, 'utf8');
    console.log(contents);
  }
}

平行阅读

如果您想并行读取这些文件，请确实使用you cannot use 100.async个回调函数调用中的每个都返回一个promise ，但是您是在丢弃它们，而不是等待它们.只需使用map代替，您就可以等待使用Promise.all得到的一系列promise :

async function printFiles () {
  const files = await getFilePaths();

  await Promise.all(files.map(async (file) => {
    const contents = await fs.readFile(file, 'utf8')
    console.log(contents)
  }));
}