JavaScript 中 let 声明的变量为何在赋值链中意外泄漏为全局变量？-js教程-PHP中文网

本文解析 let ax = bx = 110 这一常见误用：看似同时声明两个块级变量，实则仅 ax 受 let 约束，bx 因无声明关键字而隐式创建为全局变量，导致作用域行为违背直觉。

本文解析 `let ax = bx = 110` 这一常见误用：看似同时声明两个块级变量，实则仅 `ax` 受 `let` 约束，`bx` 因无声明关键字而隐式创建为全局变量，导致作用域行为违背直觉。

在 JavaScript 中，let（以及 const）确实具有严格的块级作用域，但其作用范围仅限于显式使用该关键字声明的标识符。关键在于：赋值操作本身不改变变量的声明方式。

来看原始代码：

function fn() {
  let ax = bx = 110; // ⚠️ 危险写法！
  ax++;
  return ax;
}
fn();
console.log(typeof bx); // "number" —— bx 是全局变量！
console.log(typeof ax); // "undefined" —— ax 仅存在于 fn 块内

这段代码的实际执行逻辑等价于：

function fn() {
  let ax;        // ✅ 块级声明
  bx = 110;      // ❌ 无关键字 → 尝试赋值给 bx
  ax = bx;       // ✅ 将全局 bx 的值赋给局部 ax
  ax++;
  return ax;
}

由于 bx 在赋值前未被声明（既无 let、const，也无 var），JavaScript 引擎会在非严格模式下自动将其挂载到全局对象（如浏览器中的 window），即隐式创建全局变量。而在严格模式（'use strict'）下，此操作会直接抛出 ReferenceError: bx is not defined，从而暴露问题。

✅ 正确做法有多种：

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;
}

解构赋值（一行安全初始化多个 let 变量）：

function fn() {
  let [ax, bx] = [110, 110]; // ✅ 两者均为块级作用域
  ax++;
  return ax;
}
fn();
console.log(typeof bx); // "undefined"
console.log(typeof ax); // "undefined"

⚠️ 注意事项：