在开发控制台中输入多属性对象会引发错误

Question

我在 Chrome 开发控制台（和 Firebug）中遇到了一些我不太了解的行为...

如果我直接在控制台中输入 multi-property JSON 对象，我会收到以下错误：

我期望的结果是对象将完全按照我输入的方式返回，就像我直接输入字符串或数字值一样。

注意，如果我输入 single-property 对象，结果会有所不同：

这里发生了什么？为什么会抛出 SyntaxError？

Answer 1

从 Chrome 66 开始，直接在控制台中评估对象。

Answer 2

控制台会评估您输入的任何内容。如果你直接eval() 你的 JSON 对象，你会得到相同的结果。

eval("{foo1: 1, foo2: 2}")
// SyntaxError: Unexpected token :

如果将对象分配给变量，则不会出现语法错误。

// in console
> var foo = {foo1: 1, foo2: 2};
undefined
> foo
Object {foo1: 1, foo2: 2}