异步函数可以在类字段中吗？答案

【问题标题】：Can async functions be in class fields?异步函数可以在类字段中吗？
【发布时间】：2019-07-16 01:59:24
【问题描述】：

考虑以下 sn-p：

class Foo {
  method = () => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

工作得很好。但是，如果函数改为异步，没有其他更改：

class Foo {
  method = async () => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

这会导致语法错误。无论是否使用箭头函数都会发生：

class Foo {
  method = function() {
    console.log('method');
  }
}
const f = new Foo();
f.method();

class Foo {
  method = async function() {
    console.log('method');
  }
}
const f = new Foo();
f.method();

是我的语法不正确，还是类字段中简单地禁止了异步函数？

（当然，原型上的普通异步方法也是可能的，但我问的是类字段中的异步函数为什么/如何工作）

接受async method() => { 的评论建议也不起作用：

class Foo {
  async method() => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

【问题讨论】：

您绝对应该在问题中提及您在 sn-ps 中启用了 Use Babel。没有它，您的代码可以正常工作。 Uncaught SyntaxError: Inline Babel script: Unexpected token (3:20)

【解决方案1】：

异步函数可以在类字段中吗？

是的。

//Without BabelJS / ES2015
class Foo {
  method = async () => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

在使用 ES2015 转译器时可以在类字段中使用异步函数吗？

没有。

//Without BabelJS / ES2015
class Foo {
  method = async () => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

在您的 sn-ps 中，您已启用 Use Babel / ES2015，它早于 async。

【讨论】：

所以转译器支持类字段，即使它们仅处于第 3 阶段，（也许它们将被集成到 ES2020 中？）而 async 不受支持，尽管在规范中现在有一段时间了？这很令人惊讶，我原以为情况会相反。转译器似乎也不支持普通异步函数。
我同意你的不一致之处，但不幸的是我没有很好的答案。 如果我不得不猜测，它使用了一个允许类属性的 Babel 插件（当时处于 Stage 1），正如 in this article from 2016 所讨论的那样。

【解决方案2】：

问：这对你有用吗：

class Foo {
  async method () {
    console.log('method');
  }
}
const f = new Foo();
f.method();

【讨论】：

【解决方案3】：

根据mozilla，IE 不支持此语法，我猜测您在那里遇到错误，您的第二个示例工作在 chrome 中打招呼。

class Foo {
  method = async () => {
    console.log('method');
  }
}
const f = new Foo();
f.method();

【讨论】：