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 ，因此 {} 在此上下文中被识别为对象文字。