javascript - 在 JavaScript 中根据异步函数暂停整个脚本执行的正确方法是什么？

Question

我的很多脚本都取决于首先使用 fetch() 和 .json() 从 .JSON 文件读取的信息，因此它是异步的。我需要延迟执行脚本的其余部分，直到这些函数完成，而不是将其余的代码粘贴在巨大的 .then() 或函数 block 或其他东西中。我已经进行了一些搜索，但我找不到我要找的东西。

let config;

fetch(chrome.runtime.getURL("../config.json"))
  .then(response => response.json())
  .then(json => config = json);

console.log(config);
// REST OF SCRIPT

它应该记录配置 JSON 对象或 promise ，但显然，它只返回未定义。任何帮助将不胜感激!

Answer 1

在请求返回之前，正在读取您的配置。您可以添加另一个 then 子句:

let config;

fetch(chrome.runtime.getURL("../config.json"))
  .then(response => response.json())
  .then(json => config = json)
  .then(() => {
     console.log(config);
   });