一、作用域
作用域:变量可以起作用的范围。
所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称为作用域)当中,这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量。
二、全局变量和局部变量
1、全局变量
在任何地方都可以访问到的变量就是全局变量,对应全局作用域。
声明:
1 var num = 10; // 全局变量
2
3 function fn() {
4 str = 'abc'; // 在函数里面,前面没有 var 也是声明全局变量(不推荐,这样是不规范的)
5 console.log(num);
6 console.log(str);
7 }
8
9 fn();
2、局部变量
只在固定的代码片段内可以访问到的变量,最常见的例如函数内部。对应局部作用域(函数作用域)
声明:
1 function fn() {
2 var num = 5; // 声明了一个局部变量
3 console.log(num); // num = 5;
4 }
5
6 console.log(num); // 不能被访问到,num 为 undefined
注意:
-
- 不使用 var 声明的变量是全局变量,不推荐使用。
- 局部变量退出作用域之后会销毁,全局变量关闭网页或浏览器才会销毁
三、块级作用域
四、词法作用域
变量的作用域是在定义时决定而不是执行时决定,也就是说词法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫做静态作用域。
在 js 中词法作用域规则:
-
-
-
整个代码结构中只有函数可以限定作用域.
-
作用域规则首先使用提升规则分析
-
如果当前作用规则中有名字了, 就不考虑外面的名字
-
五、作用域链
只有函数可以制造作用域结构, 那么只要是代码,就至少有一个作用域, 即全局作用域。
凡是代码中有函数,那么这个函数就构成另一个作用域。如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。
将这样的所有的作用域列出来,可以有一个结构: 函数内指向函数外的链式结构。就称作 作用域链。
Demo1:
1 function f1() {
2 function f2() {
3 }
4 }
5
6 var num = 456;
7 function f3() {
8 function f4() {
9 }
10 }
作用域链分析:
Demo2:
1 function f1() {
2 var num = 123;
3 function f2() {
4 console.log( num );
5 }
6 f2();
7 }
8 var num = 456;
9 f1();
作用域链: