JavaScript中变量重名非错误但易致覆盖或引用错误，关键在理解遮蔽规则：var为函数作用域且会覆盖外层；let/const为块级作用域并有TDZ；隐式声明污染全局，应禁用；推荐用块级作用域隔离逻辑。
JavaScript 中多重作用域变量重名本身不是错误，但容易引发意料之外的覆盖、遮蔽或引用错误。关键不在于“避免重名”，而在于理解遮蔽规则、主动控制作用域边界、并借助语言机制减少干扰。
明确变量声明方式对应的作用域层级
不同关键字定义的变量，其可见范围和遮蔽行为完全不同：
-
var：函数作用域（非块级），存在变量提升，内层
var会完全覆盖外层同名变量（即使在条件语句中声明） -
let / const：块级作用域（
{}、if、for、函数体等），不允许重复声明，且存在“暂时性死区”（TDZ），内层声明会遮蔽外层，但不会污染外层 -
隐式声明（无关键字）：一律挂载到全局对象（如
window），极易造成意外污染，严禁使用
用块级作用域主动隔离逻辑单元
当一段逻辑需要临时变量，又担心与外层同名冲突时，优先包裹为独立块，配合 let 或 const：
Java Development Manual
下载
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。 当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...
- 避免在循环中反复用
var i，改用for (let i = 0; i —— 每次迭代都有独立 <code>i，不会互相干扰 - 复杂计算前加立即执行块：
{ let temp = compute(); result = temp * 2; }，确保temp不泄露到外层 - 条件分支中避免复用变量名：
if (type === 'user') { let data = fetchUser(); ... } else { let data = fetchAdmin(); ... }—— 两个data互不干扰
利用函数封装 + 参数传入替代同名变量依赖
当多个嵌套函数需访问相似含义的数据时，与其依赖作用域链查找，不如显式传递：
立即学习“Java免费学习笔记（深入）”；
- 把可能重名的变量作为参数传入内层函数，而非依赖闭包捕获外层同名变量
- 例如：
function outer(id) { function inner(itemId) { console.log('outer id:', id, 'inner item:', itemId); } inner(id + '_sub'); }—— 清晰区分来源，不靠名字猜作用域 - 对配置类常量，统一用
const CONFIG = { API_URL: '...' }导出，避免零散声明导致命名混乱
借助工具和规范提前拦截风险
人工难以穷举所有嵌套场景，可依赖开发环境辅助：
- 启用 ESLint 规则如
no-shadow（禁止作用域内遮蔽外层变量）、no-unused-vars（及时发现未使用变量） - TypeScript 能在编译期提示类型和作用域冲突，比如同名但类型不兼容的赋值
- 在团队规范中约定：函数参数、循环变量、临时计算变量尽量语义化（如不用
res，改用apiResponse），降低误读概率
