阻止js执行，直到异步请求完成

Question

我在预取React应用程序资源时遇到问题。 我有一个函数，应该获取json资源并将其分配给循环中的对象属性。 然后，该函数应返回所有已解析的jsons的对象，而不是返回具有未解决的Promise属性的对象。

是否可以停止执行js代码，直到完全履行承诺，以便该函数将返回正确的数据？

是的，类似同步请求。

async function getJson (file, url) {

  const response = await fetch(`${url}/${file}.json`);
  const json = await response.json();

  return json;
}

async function getTranslations(files, url) {
    let r = {};

  files.map( (file, i) => {
    r[file] = await getJson(file, url);
  });

  return r;
}

Answer 1

我不认为您应该使用“ map”这样的方法-用forEach填充一个更好的对象。 尽管我不能保证这就是问题所在。

async function getTranslations(files, url) {
    let r = {};

    files.forEach(file => r[file] = await getJson(file, url));

    return r;

}