我需要从异步代码中返回一个值，但我只是在 {pending} 状态中获取 Promise 对象 [重复]

Question

拜托，我知道这个问题之前已经回答过了。我已经阅读了this answer 和this article，但我还不知道如何修复我的代码。

我创建了一个function 来读取一些文件的内容和returns 一个new Promise。这是function：

// array of string representing each file's path
const allSpecFiles = [
  '/path/to/the/file1.spec.js',
  '/path/to/the/file2.spec.js',
  '/path/to/the/file3.spec.js'
];

// method to read an individual file content & return a Promise
const readFileContent = file => {
  return new Promise((resolve, reject) => {
    fs.readFile(file, 'utf8', (err, data) => {
      if (err) return reject(err);
      return resolve(data);
    });
  });
};

现在，我正在尝试循环通过 strings 的 array 存储每个文件的 path，调用 readFileContent() 方法并将当前循环的值作为其 param 和 map() 方法传递，因为我想要使用每个文件的内容创建另一个 array 或 strings。

这是我尝试过的：

const allSpecFilesArr = allSpecFiles.map(async file => await readFileContent(file));
console.log(allSpecFilesArr); // I get Promise { <pending> }

我也试过像这样包装整个script：

(async () => {
  const allSpecFilesArr = await allSpecFiles.map(file => readFileContent(file));
  console.log(allSpecFilesArr); // still prints Promise { <pending> }
})();

我做错了什么？

Answer 1

你想要的是使用Promise.all(allSpecFilesArr)，因为那是一组承诺。您可以等待它，您将收到从内部已解析承诺返回的一组数据。

const fileContents = await Promise.all(allSpecFilesArr);

Answer 2

无需包装fs.readFile，使用fs/promises。试试这个：

const fs = require('fs/promises')
const paths = [ './one', './two' ]
;(async () => {
  const contents = await Promise.all(paths.map((p) => fs.readFile(p, 'utf8')))
  console.log(contents)
})()

Answer 3

第二种解决方案是部分正确的。你是 awaiting map 函数的结果，在本例中，它是一个 promise 数组。

如果您在 map 调用前删除 await 并调用 await Promise.all(allSpecFilesArr)，您将得到您需要的。

你可以这样做：

async read (paths) {
 const promises = [];
 for (path in paths) {
   promises.push(readFileContent(path));
 }

 
 const arrOfContentYouWant = await Promise.all(promises);
 return arrOfContentYouWant;
}