如何延迟获取请求直到异步函数完成加载

Question

在我的快速服务器中，根 get 请求发生在 async function 完成列出数据库中的文件之前，但 get 请求需要来自函数的信息才能正确呈现页面。如何让get 请求等到其他功能完成？

我看过其他解决方案：

Request - Wait till API call is completed Node.js

How to get Express Node route to wait for function before rendering

Wait a async operation before execute render in express using NodeJs

但对于我的问题，答案似乎不够普遍。

async function listFiles() {

  artWorks = [];

  const [files] = await storage.bucket(bucketName).getFiles();

  files.forEach(file => {
    function splitStr(str) {
      var string = str.split("/");
      artWorks.push(
        {
          imgCategory: string[0],
          subCat: string[1].replace(/-/g, ' '),
          imgSrc: bucket + file.name,
          thumbnail: thumbBucket + file.name.split('.')[0] + "-thumb.jpg",
          alt: string[2]
        });
    }
    var str = file.name;
    splitStr(str);
  });
  console.log("files listed");
}


listFiles().catch(console.error);


app.get("/", function(req, res) {
  let randomArt = Math.floor(Math.random()*artWorks.length);
    setTimeout(() => {
      res.render("index", {
          randomArt: randomArt,
          artWorks: artWorks
        })
    }, 500);
});

您可以看到我当前的解决方案是将res.render 放入setTimeout 中以使其等待，但我设置了任意时间，有时它不起作用。它呈现的页面"index" 使用随机选择的artWorks 数组索引，如果数组索引高于50，则listFiles() 函数尚未完成，它无法加载主页说：

TypeError: Cannot read property 'imgCategory' of undefined

一些注意事项：
listFiles() 函数需要保持独立于 get 请求，因为我在根 get 请求之外的代码的其他部分中调用它。

当有人第一次访问该站点时，它会抛出错误并且不呈现页面，但在刷新时artWorks 数组已经完成并且页面将呈现，我认为是因为它已经缓存了必要的信息。

那么在保持函数独立的同时让渲染等待的最佳方法是什么？

Answer 1

等待promise通过更改调用后解决：

listFiles().catch(console.error);

收件人：

listFiles()
  .then(() => {
    app.get("/", function(req, res) {
      let randomArt = Math.floor(Math.random()*artWorks.length);
      res.render("index", {
        randomArt: randomArt,
        artWorks: artWorks
      })
    });
  })
  .catch(console.error);