JavaScript 中 let ax = bx = 110 的作用域陷阱解析-js教程-PHP中文网

JavaScript 中 let ax = bx = 110 的作用域陷阱解析

该代码看似同时声明了两个块级变量，实则仅 ax 受 let 约束，bx 因无声明关键字而意外挂载到全局对象（如 window 或 globalThis），导致其在函数外仍可访问——这是易被忽视的赋值链隐式声明陷阱。

该代码看似同时声明了两个块级变量，实则仅 `ax` 受 `let` 约束，`bx` 因无声明关键字而意外挂载到全局对象（如 `window` 或 `globalthis`），导致其在函数外仍可访问——这是易被忽视的赋值链隐式声明陷阱。

在 JavaScript 中，let 和 const 具有严格的块级作用域，但作用域生效的前提是变量必须被显式声明。关键问题出在这一行：

let ax = bx = 110;

它不是并列声明，而是从右向左执行的赋值表达式：

首先计算 bx = 110 —— 此时 bx 未被任何 let/const/var 声明，因此 JavaScript 引擎会沿作用域链向上查找；
在函数内部找不到 bx 的声明，继续查找到全局作用域，发现也未声明 → 触发“隐式全局变量”行为（非严格模式下），等价于 window.bx = 110（浏览器）或 globalThis.bx = 110（Node.js）；
然后将该赋值结果 110 赋给由 let 声明的 ax。

因此：

ax 是块级绑定变量，仅在 fn() 函数内有效，函数执行结束后无法在外部访问；
bx 实际是全局属性（非全局变量，但具有全局可访问性），故 console.log(typeof bx) 输出 "number"；
而 console.log(typeof ax) 报错 ReferenceError: ax is not defined（⚠️注意：原问题中输出 "undefined number" 可能因运行环境为非严格模式且存在 var ax 提升干扰，但按标准严格模式或现代执行上下文，此处应直接报错；若实际输出 undefined，说明 ax 在外部根本未声明，typeof 对未声明变量返回 "undefined" 是唯一安全情形）。

✅ 正确写法（推荐）：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

function fn() {
  let ax = 110;
  let bx = 110; // 显式声明，各自拥有独立块级作用域
  ax++;
  return ax;
}
fn();
console.log(typeof bx); // "undefined"（外部不可访问）
console.log(typeof ax); // "undefined"

✅ 一行式安全解构赋值（ES6+）：

function fn() {
  let [ax, bx] = [110, 110]; // 两个变量均由 let 统一声明
  ax++;
  return ax;
}
fn();
console.log(typeof bx); // "undefined"
console.log(typeof ax); // "undefined"

⚠️ 注意事项：