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如何一层层往上找。掌握好这块,写函数、处理异步、用闭包都会更得心应手。










