Chrome 控制台中 {'foo'}{'bar'} 返回 'bar'，本质是 JavaScript 引擎将相邻花括号解析为两个独立的块语句（BlockStatement），而非对象字面量；当内部含冒号时（如 {a: 'foo'}），则被识别为带标签的语句（LabeledStatement），整个表达式无求值结果，仅执行语句体。
chrome 控制台中 `{'foo'}{'bar'}` 返回 `'bar'`，本质是 javascript 引擎将相邻花括号解析为两个独立的块语句（blockstatement），而非对象字面量；当内部含冒号时（如 `{a: 'foo'}`），则被识别为带标签的语句（labeledstatement），整个表达式无求值结果，仅执行语句体。
在 JavaScript 中，{} 的含义高度依赖上下文：它既可表示对象字面量，也可表示代码块（BlockStatement）。而控制台中 {'foo'}{'bar'} 这类写法之所以能运行且返回 'bar'，根本原因在于——它根本不是对象操作，而是两个连续的、独立的语句块。
解析原理：块语句优先于对象字面量
当 {} 出现在语句位置（即非赋值、非参数、非属性访问等表达式上下文）时，JavaScript 解析器会将其视为块语句（BlockStatement），而非对象字面量。此时花括号内的内容被当作一条或多条语句执行：
{'foo'} // ✅ 合法块语句：包含一个表达式语句 'foo'
{'bar'} // ✅ 同样合法：包含一个表达式语句 'bar'Chrome 控制台逐行执行并显示最后一条语句的求值结果，因此 {'foo'}{'bar'} 实际等价于：
{
'foo'; // 表达式语句，值为 'foo'，但不输出
}
{
'bar'; // 表达式语句，值为 'bar'，控制台显示该值
}→ 最终输出 'bar'。
立即学习“Java免费学习笔记（深入）”；
冒号触发标签语句：{a: 'foo'} 不是对象！
当花括号内出现 Identifier : Expression 结构（如 {a: 'foo'}），且处于语句上下文时，JS 解析器将其识别为带标签的语句（LabeledStatement），其中 a 是标签名，'foo' 是其后的语句：
{ a: 'foo' } // ← 等价于：标签 `a` 指向表达式语句 `'foo'`
{ b: 'bar' } // ← 标签 `b` 指向 `'bar'`AST 分析证实了这一点：{a: 'foo'} 被解析为 LabeledStatement，而非 ObjectExpression。这也解释了为何 typeof {a: 1} 在语句上下文中报错（Unexpected token ':'），但在表达式上下文中（如 ({a: 1}) 或 let x = {a: 1}）却能正确创建对象——上下文决定了 {} 的语法角色。
关键注意事项
❌ 绝不在生产代码中使用此类写法：可读性极差，易与对象混淆，且严格模式下部分场景可能报错；
⚠️ 并非所有环境行为一致：Node.js REPL、TypeScript 编译器或 ESLint 通常会警告或拒绝解析；
? 验证工具推荐：使用 AST Explorer 输入代码，选择 @babel/parser 或 espree，直观查看实际 AST 结构；
-
✅ 明确意图请显式书写：
// ✅ 想创建对象？加括号或赋值 const obj1 = {'foo'}; // 对象：{ 'foo': undefined } const obj2 = {a: 'foo'}; // 对象：{ a: 'foo' } // ✅ 想写块语句？加逻辑或注释说明 { console.log('init'); } { console.log('cleanup'); }
理解 {} 的双重身份，是掌握 JavaScript 语法解析逻辑的重要一课——语法树（AST）永远比直觉更诚实。
