with语句用法及潜在风险解析

JavaScript中的with语句曾用于临时扩展作用域链以简化对象属性访问，但因其导致作用域不透明、严重拖慢性能、极易引发难以察觉的静默错误，且与现代开发标配的严格模式完全冲突，早已被标准弃用并被所有主流环境禁止；如今应果断摒弃它，转而采用解构赋值、临时变量或函数封装等更清晰、更安全、更高效的替代方案。

with 语句是 JavaScript 中一个早已被弃用的语法结构，它的作用是将某个对象临时添加到当前作用域链的前端，使得该对象的属性可以像局部变量一样直接访问，无需重复写对象名。

with 语句怎么用？

例如：

const obj = { x: 1, y: 2 };
with (obj) {
  console.log(x + y); // 3，等价于 obj.x + obj.y
}

这段代码中，x 和 y 被当作当前作用域中的标识符处理，JavaScript 引擎会自动在 obj 上查找它们。

为什么它不被推荐？

• 作用域行为不透明：with 动态改变了作用域链，让代码的实际执行路径难以静态分析，IDE 和工具无法可靠推断变量来源，影响自动补全、重构和类型检查
• 性能开销大：每次进入 with 块，引擎必须在运行时重建作用域链，并在所有后续变量查找中多一层对象属性检索，现代 JS 引擎（如 V8）会直接禁用部分优化（如内联缓存）
• 容易引发静默错误：比如赋值时若属性不存在，可能意外创建全局变量（严格模式下会报错，但非严格模式下很危险）
• 与严格模式不兼容：ES5 严格模式明确禁止使用 with，任何包含 with 的脚本在严格模式下都会语法报错，而现代开发基本默认启用严格模式

有什么更安全的替代方式？

• 用解构赋值提取所需属性：const { x, y } = obj;，清晰、高效、无副作用
• 用临时变量缓存对象引用：const o = obj; console.log(o.x + o.y);
• 封装逻辑到函数或方法中，避免长对象链重复书写

它在 ES5 就已被标记为“禁止在严格模式下使用”，所有主流浏览器和构建工具（如 Babel、ESLint）都默认警告或拒绝解析。现在写代码完全没必要用它，也不应该用它。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~