JavaScript嵌套函数默认通过词法作用域访问父级变量，关键在定义位置而非调用位置；需避免同名遮蔽、TDZ错误，并注意let/const块级作用域限制及闭包机制。
JavaScript 中嵌套函数默认就能访问父级作用域的变量，这叫**词法作用域（Lexical Scoping）**，关键在于函数定义时的位置，而不是调用时的位置。只要没被同名变量遮蔽、没被 let/const 块级作用域意外截断，访问是自然且安全的。
确保变量未被遮蔽
最常见问题不是“访问不到”，而是被内层同名声明意外覆盖：
- 避免在嵌套函数里用
var或let/const重新声明同名变量 -
let和const有暂时性死区（TDZ），在声明前访问会报错，不是undefined
✅ 正确示例：
function outer() {
const name = "Alice";
function inner() {
console.log(name); // ✅ 输出 "Alice"
}
inner();
}
❌ 错误示例：
立即学习“Java免费学习笔记（深入）”；
function outer() {
const name = "Alice";
function inner() {
console.log(name); // ❌ ReferenceError: Cannot access 'name' before initialization
const name = "Bob"; // TDZ：此处声明让上方访问失效
}
inner();
}
注意块级作用域对 var 的影响
var 声明会提升并绑定到函数作用域，但用 {} 块（如 if、for）包裹时，不会创建新作用域（ES5 行为）。不过现代代码中更推荐统一用 let/const，并理解其真正的块级绑定：
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
-
let/const在if、for等块内声明，只在该块内有效 - 嵌套函数若定义在块外，就无法访问块内
let/const变量
✅ 安全写法（把嵌套函数放在变量可及范围内）：
function outer() {
if (true) {
const flag = true;
function inner() {
console.log(flag); // ✅ 可访问：inner 定义在 flag 所在块内
}
inner();
}
}
闭包：嵌套函数“记住”父级变量的机制
当嵌套函数在父函数返回后仍被引用，它会形成闭包，持续持有对外部变量的引用：
- 变量不会因父函数执行结束而销毁
- 多个嵌套函数可共享同一份父级变量（常见于循环中误用
var）
✅ 利用闭包保存状态：
function createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
箭头函数同样遵循词法作用域
箭头函数没有自己的 this、arguments，但它对普通变量的访问规则和普通函数完全一致——看定义位置，不看调用位置：
- 箭头函数能正常访问外层函数的参数、
let/const/var变量 - 不能访问外层函数的
arguments或new.target，但这和变量访问无关
✅ 示例：
function outer(x) {
const y = 10;
return () => x + y; // ✅ 正确捕获 x 和 y
}
const add = outer(5);
console.log(add()); // 15
不复杂但容易忽略。核心就一条：写函数时，抬头看看变量是在哪声明的，只要没被遮蔽、没超出块范围，嵌套函数就能稳稳拿到。
