javascript - 为什么 ESLint 在将异步函数定义为现有对象的方法时会抛出解析错误以及如何防止它？

Question

假设我们有普通对象

const foo = {}

通过使用 Promise 构造函数语法，我们可以这样添加异步方法:

foo.myAsyncMethod = function () {
  return new Promise((resolve, reject) => {
    ...
  })
}

但我们不能这样做(根据 ESlint):

foo.myAsyncMethod = async function() {
  ...
}

在声明对象后将新的异步函数作为方法属性添加到对象的便捷方法是什么？

Answer 1

看起来问题的语法实际上是合法的:

const obj = {}

obj.foo = function () {
  return new Promise((resolve, reject) => {
    resolve(1)
  })
}

obj.bar = async function () {
  return await Promise.resolve(2)
}

obj.foo().then(context => console.log(context))

obj.bar().then(context => console.log(context))

产品:

1
2

我对此感到困惑，因为 ESLint 给了我错误:

此外，要修复 ESLint 的解析错误，请将其添加到您的 babelrc 文件中:

"parserOptions": {
  "ecmaVersion": 2017
}