JavaScript对象表现异常？求问原因及Node与Chrome运行差异

嘿，这个问题我碰到过不少次——同一个JavaScript对象在Node.js和Chrome浏览器里的输出表现不一样，其实核心原因是两个环境的控制台实现逻辑差得挺多的。先看看你给出的两个环境的运行结果：

Node.js环境运行结果 #

Chrome浏览器环境运行结果 #

可能的原因分析 #

• 控制台求值时机不同：
  Chrome DevTools的控制台是“惰性求值”的——你点击展开对象的时候，它才会去读取对象的当前状态。如果你的代码在console.log之后修改了这个对象，那展开看到的就是修改后的结果；而Node.js的console.log是在调用的那一刻就把对象序列化输出，相当于拍了个快照，显示的是打印瞬间的对象状态。
• 属性展示逻辑差异：
  Chrome会默认展示对象的原型链、可枚举/不可枚举属性，甚至还会标记出哪些是新增的属性；而Node.js的默认输出只显示对象自身的可枚举属性，格式也更简洁。

排查与验证建议 #

• 如果你想确认对象在打印时的真实状态，试试把对象序列化为JSON再打印：

  console.log(JSON.stringify(yourObject, null, 2));
  

  这样不管在Node还是Chrome里，输出的都是打印那一刻的对象状态，不会有差异。
• 检查你的代码，看看是不是在console.log之后又修改了这个对象——这是导致Chrome控制台“显示异常”的最常见原因。

内容的提问来源于stack exchange，提问作者Nomad