JS作用域怎么理解_JS作用域链与变量作用范围详细解析
JS作用域决定变量和函数的可访问范围，主要分为全局、函数和块级作用域；作用域链基于词法环境逐层向上查找变量，闭包则利用作用域链使内部函数保持对外部变量的引用，实现数据持久化。
JavaScript中的作用域决定了变量和函数的可访问性，简单说就是“你能在哪里访问到某个变量”。理解作用域是掌握JS的关键一步，尤其在处理函数嵌套、闭包等场景时尤为重要。
什么是JS作用域？
作用域就像是一个“权限范围”，规定了变量和函数在哪些代码区域内可以被访问。JS主要有三种作用域：
-
全局作用域
：在任何函数外部定义的变量，可以在整个程序中被访问。 - 函数作用域：在函数内部用var声明的变量，只能在该函数内访问。
- 块级作用域：使用let或const在{}块中声明的变量，仅在该块内有效（如if、for语句）。
：在任何函数外部定义的变量，可以在整个程序中被访问。例如：
let globalVar = "我是全局的";function myFunc() {
let funcVar = "我是函数内的";
if (true) {
let blockVar = "我是块级的";
console.log(blockVar); // 可访问
}
console.log(funcVar); // 可访问
console.log(globalVar); // 可访问
}
myFunc();
console.log(globalVar); // 可访问
// console.log(funcVar); // 报错：funcVar is not defined
作用域链：层层向上查找变量
当JS试图访问一个变量时，它会从当前作用域开始查找，如果找不到，就往外部作用域找，一直追溯到全局作用域，这个查找链条就是作用域链。
作用域链是在函数定义时确定的，而不是调用时，这体现了JS的词法作用域（静态作用域）特性。
看个例子：
let x = "全局x";function outer() {
let x = "outer中的x";
function inner() {
console.log(x); // 输出 "outer中的x"
}
inner();
}
outer();
这里inner函数没有自己的x，于是沿着作用域链向上找到outer函数中的x。如果outer也没有，就会继续找全局的x。
变量提升与暂时性死区
var声明的变量会被“提升”到作用域顶部，但值为undefined。而let和const虽然也会提升，但进入“暂时性死区”——在声明前访问会报错。
例如：
console.log(a); // undefined（不是报错）var a = 1;
// console.log(b); // 报错：Cannot access 'b' before initialization
let b = 2;
这说明var的作用域是整个函数，而let/const受限于块级作用域，并且不能在声明前使用。
闭包与作用域链的关系
闭包是指函数能够记住并访问它的词法作用域，即使函数在该作用域外执行。
闭包的本质就是作用域链的延伸。
function counter() {let count = 0;
return function() {
count++;
return count;
};
}
const inc = counter();
console.log(inc()); // 1
console.log(inc()); // 2
这里的内部函数保留了对外部count变量的引用，形成了闭包。每次调用inc，都能访问到原本应在counter执行完后销毁的变量，这就是作用域链的持久化体现。
基本上就这些。理解作用域和作用域链，关键在于搞清变量在哪能被访问，以及JS如何一层层往上找。掌握好这块，写函数、处理异步、用闭包都会更得心应手。
