ecmascript-6 - 带箭头功能的 ES6 getter/setter

Question

我正在使用 babel6，对于我的宠物项目，我正在为 XMLHttpRequest 创建一个包装器，用于我可以使用的方法:

open = (method, url, something) => {
  return this.xhr.open(method, url, something);
}

但是对于属性箭头功能不起作用

这有效:

get status() { return this.xhr.status; }

但我不能使用

get status = () => this.xhr.status;

这是故意的吗？

Answer 1

根据ES2015语法，a property on an object literal只能是以下三件事之一:

PropertyDefinition:

• IdentifierReference
• PropertyName : AssignmentExpression
• MethodDefinition

这些类型中唯一允许前导 get 的是 MethodDefinition :

MethodDefinition :

• PropertyName ( StrictFormalParameters ) { FunctionBody }
• GeneratorMethod
• get PropertyName ( ) { FunctionBody }
• set PropertyName ( PropertySetParameterList ) { FunctionBody }

如您所见，get 形式遵循非常有限的语法，必须采用以下形式

get NAME () { BODY }

语法不允许使用 get NAME = ... 形式的函数。