javascript - {}.hasOwnProperty ('id' );在控制台中返回语法错误

Question

我在 Chrome 控制台中试了一下，想知道为什么这个语句会抛出语法错误:

{}.hasOwnProperty('id');

我的预期是返回值 false。
在 Firefox 和 IE 中也出现语法错误。
如果我使用空数组而不是空对象，同样有效。
如果我在周围放上大括号，这同样有效:

({}.hasOwnProperty('id'));

Answer 1

相关片段中存在语法歧义。 JavaScript 中的花括号有两个含义:它们用于分隔代码块，例如:

if (x) {
    ...
}

它们用于声明对象字面量:

var obj = {
    prop: "value"
}

上下文用于区分两种解释，在以下情况下:

{}.hasOwnProperty('id');

大括号被解析为 block 声明，所以这会产生语法错误。另一方面:

({}.hasOwnProperty('id'));

不能在括号内声明 block ，因此 {} 在此上下文中被识别为对象文字。