javascript - 为什么 `async`和 `await`关键字可以赋值？

Question

<分区>

Answer 1

首先，我们需要澄清一些事情，以使其余答案更有意义:

• 没有 async 关键字。有一个 async function 结构:MDN , ECMAScript language specifications .所以 async 只有在后面跟着 function 时才具有特殊含义——作为表达式(传统函数和箭头函数)或作为声明。因此，名为 async 的变量 是有效的，因为后跟 function 的变量在语法上是无效的。与语义没有冲突:

let foo;

//function declaration
foo function bar() {}; //SyntaxError

let foo;

//function expression
let bar = foo function() {}; //SyntaxError

• 至于await，它实际上是一个运算符，而不是关键字，它是await expression (MDN) 的一部分。 : link to the specs .语义要求 await 后跟一元表达式 and 以位于 async 函数内 - 这在语法上仍然不适用于其他变量。

---

我没有这方面的任何来源，但可以合理地得出结论，这样做是为了保持向后兼容性。如果有代码在 ES5 中使用 async 作为变量，稍后它会突然中断。通过使 async 仅在出现 SyntaxError 的情况下有效，确保旧代码和新代码可以共存。 await 也是如此。

有趣的是，await 的语义实际上导致了最初又很奇怪的行为 - 您不能将它用作 async 中的变量功能。要么声明它:

async function foo() {
 let await = "world"; //SyntaxError - not a valid identifier here
}

也没有访问它:

let await = "world"; //valid identifier

async function foo() {
  console.log(await); //SyntaxError - it is not followed by an expression
}

这最初也令人困惑，但是，这对于向后兼容是有意义的。即使 ES6 之前的代码使用 await 作为变量，它也不会在 async 函数中使用它，因为那些不存在。因此，旧代码有效并且仍然没有冲突。