为什么不等待在 Firefox 上使用异步

Question

基本上我有这个功能

async function get(url){
  const response = await fetch(url);
  const resData = await response.text();
  return resData;
}

然后我有这个电话

let data = await get(am_url);

该代码在 google chrome 上完美运行，但在 firefox 上，我在调用行上收到此错误：

SyntaxError: await 仅在异步函数和异步生成器中有效

这里有什么问题，就我的一生而言，我似乎无法在 Firefox 上完成这项工作，也不知道为什么

例如，如果我在 firefox 和 google chrome 上打开 google.com，然后我转到控制台，然后将这段代码粘贴到 chrome 上，它会运行，但在 firefox 上，它会抛出我提到的错误

async function get(url){
  const response = await fetch(url);
  const resData = await response.text();
  return resData;
}

let data = await get("http://google.com");
console.log(data)

Answer 1

在 main 中，要么将下面的代码放入自执行异步函数中，要么使用 .then。

let data = await get(am_url);

应该改为

(async()=>{ let data = await get(am_url) })()

或

get(am_url).then( data => ....)

Answer 2

正如错误所暗示的，await 仅在 内部 async 函数中起作用。通常你不能像那样使用await，但是你必须先创建一个async函数或者使用.then()而不是await。

但是有两点需要注意：

1. 控制台在async 函数之外支持await，只是为了简化您的生活。 Chrome 先做了，然后是 Firefox 最近。您的示例现在适用于两种浏览器。
2. 在 ECMAScript 的未来版本中，您将能够在 async 函数之外使用 await，它被称为 "top-level await"，因此该代码很快就会在任何地方工作（在 type="module" 上下文中）

Answer 3

在 2018 年提出这个问题时，大多数 JavaScript 控制台都没有在顶层等待。

当时，Google Chrome 开发者工具控制台是个例外。他们在late 2017 in Chrome 62中添加了该功能

这就是为什么在您提出这个问题时使用的 Firefox 版本中，您必须解决承诺，例如使用 then/catch。

如果您更新到当前的 Firefox，例如 72 版（2020 年初），您问题中的代码将有效。正如fregante 在评论中指出的那样，2019 年，Firefox 升级了他们的控制台以支持顶级等待。