带有 *this* 的简写属性名称

Question

以下代码失败

let x = {this}

为什么我不能在 this 中使用速记属性名称？

---

来自浏览器的错误消息

chrome 66.0.3359.117 : Uncaught SyntaxError: Unexpected token }

firefox 59.0.1：这是一个无效的标识符

edge 41.16299.371.0 : 对标识符使用关键字是无效的

我不太明白这些消息的含义。

---

为了说明清楚，下面的代码运行良好

let x = 5
let y = {x}
let z = {this:this}

console.log({x,y,z})

Answer 1

According to the ECMA spec（我已经用粗体标出了重要的部分）：

12.2.6 Object Initializer

NOTE 1 An object initializer is an expression describing the initialization of an Object, written in a form resembling a literal. It is a list of zero or more pairs of property keys and associated values, enclosed in curly brackets. The values need not be literals; they are evaluated each time the object initializer is evaluated.

语法

• ObjectLiteral[Yield]：
  • { }
  • { PropertyDefinitionList[?Yield] }
  • { PropertyDefinitionList[?Yield] , }
• PropertyDefinitionList[产量]：
  • PropertyDefinition[?Yield]
  • PropertyDefinitionList[?Yield] , PropertyDefinition[?Yield]
• 属性定义[产量]：
  • IdentifierReference[?Yield]
  • CoverInitializedName[?Yield]
  • PropertyName[?Yield]：AssignmentExpression[In, ?Yield]
  • 方法定义[?Yield]
• 属性名称[产量]：
  • LiteralPropertyName
  • ComputedPropertyName[?Yield]
• 文字属性名称：
  • 标识符名称
  • 字符串文字
  • 数字文字
• ComputedPropertyName[产量]： -[ 赋值表达式 [In, ?Yield] ]
  • CoverInitializedName[Yield]：
  • IdentifierReference[?Yield] 初始化程序[In, ?Yield]
• 初始化程序[输入，产量]：
  • = 赋值表达式[?In, ?Yield]

NOTE 2 MethodDefinition is defined in 14.3.

NOTE 3 In certain contexts, ObjectLiteral is used as a cover grammar for a more restricted secondary grammar. The CoverInitializedName production is necessary to fully cover these secondary grammars. However, use of this production results in an early Syntax Error in normal contexts where an actual ObjectLiteral is expected.

---

12.1 Identifiers

语法

• IdentifierReference[Yield]：
  • 标识符
  • [~产量] 产量
• 绑定标识符[产量]：
  • 标识符
  • [~产量] 产量
• 标签标识符[产量]：
  • 标识符
  • [~产量] 产量
• 标识符：
  • IdentifierName 但不是 ReservedWord

这意味着在简写中let x = {标识符}不允许保留字作为标识符。而this 是保留字，请看11.6.2 Reserved Words 及以上。 另一方面，我们看到它的扩展方式不同：
let x = {PropertyName:AssignmentExpression} where PropertName 是 ComputedPropertyName 或 LiteralPropertyName，即不排除保留字的 IdentifierName。因此let x = {this: this} 或let x = {class: 10} 没有问题。 但是，它并没有解释为什么会这样，也许它会使语法复杂化或使其模棱两可？

Answer 2

Javascript 中的this 是关键字（不是变量），因此它没有名称。

在{ x } 的情况下，x 有一个名称“x”，它是值。

但是{ this }、this 没有名字。 this 仅代表解释代码时的正确值。