浏览器开发者工具与 Node.js 执行差异解析

你是否曾困惑于同一段JavaScript代码在浏览器控制台和Node.js中输出不一致？真相并非引擎差异，而是浏览器开发者工具默认对每条可求值语句（如`bar = 'baz'`）自动回显其返回值——那多出的`'baz'`只是DevTools的“贴心提示”，而非函数逻辑改变；`foo()`始终返回`'bar'`，因为赋值发生在`console.log()`之后。本文一针见血地拆解了这一常见误读，揭示JavaScript核心行为在各大环境中的高度一致性，并给出避开交互式副作用、确保结果可复现的实用调试策略。

本文揭示 JavaScript 代码在浏览器控制台与 Node.js 环境中输出不一致的根本原因：并非运行时环境差异，而是浏览器 DevTools 的「表达式求值回显」机制导致多出一行 'baz'，实际逻辑行为完全一致。

本文揭示 JavaScript 代码在浏览器控制台与 Node.js 环境中输出不一致的根本原因：并非运行时环境差异，而是浏览器 DevTools 的「表达式求值回显」机制导致多出一行 `'baz'`，实际逻辑行为完全一致。

你遇到的现象看似神秘，实则源于一个关键事实：浏览器开发者工具（DevTools）默认将每条独立输入的语句（尤其是表达式）的返回值自动打印到控制台；而 Node.js 交互式环境（REPL）虽也有类似行为，但标准脚本执行模式（node script.js）不会自动回显赋值结果。

让我们还原你的代码执行过程：

let bar = 'bar';
function foo() {
  return bar;
}
console.log(foo()); // → 输出 "bar"
bar = 'baz';        // ← 这行在 DevTools 中会额外输出 "baz"

✅ 在 Node.js 脚本模式（推荐方式）下运行：

node script.js

输出仅有一行：

bar

✅ 在 浏览器中作为