6

你能解释一下 JavaScript 表达式：

[1 [{}]]

解析/评估？在 Firefox、Chrome、Konqueror 和 rhino 中，它似乎创建了一个包含单个元素undefined. 但是，我不明白为什么。

在火狐中：

[1 [{}]].toSource()

生产

[(void 0)]

用其他 JavaScript 值替换 1 似乎会产生相同的结果。

更新：我想我现在明白了。codeka、Adrian 和 CMS 澄清了事情。至于标准，我尝试通过 ECMAScript 5。

  1. 1 [{}]是一个属性访问器，所以它在 §11.2.1 中有介绍。
  2. baseReference是评价的结果1，所以还是这样1。
  3. baseValue = GetValue(baseReference) == 1.
  4. 在GetValue（第 8.7.1 节）处，Type(1)不是Reference（已解析的名称绑定），因此返回 1。
  5. propertyNameReference是评估的结果{}，所以是一个空对象。
  6. propertyNameValue = GetValue(propertyNameReference) == {}
  7. 在CheckObjectCoercible(baseValue)（§9.10）处，我们返回（数字是对象可强制的）。
  8. propertyNameString = ToString(propertyNameValue)
  9. 在ToString(§9.8)，返回ToString(ToPrimitive({}, hint String))
  10. 在ToPrimitive（§9.1）处，返回对象的结果[[DefaultValue]]，传递PreferredType（字符串）。
  11. 在[[DefaultValue]](§8.12.8) 处，让 toString 成为[[Get]]with argument的结果toString。
  12. 这在 §15.2.4.2 中定义为 return "[object " + [[Class]] + "]"，其中[[Class]]“Object”是默认对象原型。
  13. 由于有一个可调用的toString，我们用参数this来 调用它{}。
  14. 返回一个类型的值Reference，其基值为BaseValue(1)，其引用名称为propertyNameString( "[object Object]")。

然后我们转到数组初始化器（第 11.1.4 节），并用结果构造一个单元素数组。

4

3 回答 3

15

阅读OP 和 Nick 的评论，我想我可以多扩展一点Adrian 的答案以使其更清晰。

它是完全有效的 JavaScript。

JavaScript 将对象属性名称作为字符串处理，对象不能包含其他类型或其他对象作为键，它们只是字符串。

括号表示法属性访问器( MemberExpression [ Expression ]) 将括号之间的表达式隐式转换为字符串，因此：

var obj = {};
obj[{}] = "foo";
alert(obj["[object Object]"]); // foo

在上面的示例中，您可以看到我为{}属性分配了一个值，并且{}.toString()(or {}+'') 生成了字符串"[object Object](via Object.prototype.toString)。

该表达式1 [{}]将 1 原语隐式转换Number为一个对象（这是由属性访问器创建的），它会查找一个名为"[object Object]"属性查找的属性，该属性是在Number.prototype和Object.prototype对象上进行的，例如：

1['toString'] === Number.prototype.toString; // true

最后，1 [{}]表达式本身用方括号 ( [1 [{}]]) 括起来，这实际上是一个数组字面量。

总之，这里是解析器如何评估表达式：

 [1 [{}]];
 //   ^ The accessor expression is evaluated and converted to string

 [1 ["[object Object]"]];
 // ^ A property lookup is made on an Number object 
 //   trying to access a property named "[object Object]"

 [undefined];
 //   ^ the property is obviously not found

   [undefined];
 //^         ^
 // An array literal is created with an element `0` which its value is `undefined`
于 2010-06-21T01:08:46.443 回答
8

这是因为您试图获取{}对象的属性，1然后将其放入数组中。1没有财产{}，所以1[{}]是undefined。

如果将 替换为1数组，您将看到它是如何工作的。有了1as[5]和{}as 0，它就是[[5][0]]。

另外，请记住，obj['property']这与obj.property.

于 2010-06-21T00:41:38.633 回答
7

如果我们稍微分解一下，你会看到：

var foo = 1;
var bar = {};
var baz = foo[bar];

[baz];

我相信它是有效的 JavaScript，但我不是专家......

于 2010-06-21T00:41:18.630 回答