js基础 局部变量和全局变量 作用域链 形参是局部变量 局部变量和全局变量

 

局部变量：在一个作用域（定义域）内定义的变量就是这个作用域内的局部变量。只能在作用域内被访问到。

全局变量：从广义上来看，全局变量也是一种局部变量。全局变量定义在全局，所以也叫全局变量。可以在任何地方都被访问到。

1 // b是在全局内部定义的变量，是全局变量，可以在任何地方访问到
2 var b = 2;
3 function fun(){
4 // 在函数内部定义的变量是局部变量，只能在该作用域内访问到
5 var a = 1;
6 console.log(a);
7 }
8 fun();
9 console.log(b);
10 console.log(a);

变量申明的原理：全局变量，在全局定义之后，会永久存在，任何时候，任何位置访问，都能够找到它。局部变量定义在函数内部的，函数定义的过程，并没有真正的去定义这个局部变量，只有在执行函数的时候，才会立即定义这个局部变量，执行完之后，变量就被立即销毁了，在其他的地方访问变量的时候，找不到这个变量，所以会有一个引用错误，变量未定义。

1.4 作用域链

指的是我们变量查找的一个规律：我们可以在不同的作用域内使用相同的标识符去命名变量。我们在使用一个变量的时候，需要找到匹配的标识符，我们有重复的，用哪一个？如果在当前作用域有这个变量，就直接使用，如果当前作用域没有这个变量定义，会一层一层的从本层往外依次查找，遇到第一个就直接使用。类似于就近原则。

当遇见一个变量时，JS引擎会从其所在的作用域依次向外层查找，查找会在找到第一个匹配的标识符的时候停止。在多层嵌套的作用域中可以定义同名的标识符，发生“遮蔽效应”。

1 // 全局变量
2 var a = 1;
3 function fun1(){
4 var a = 2;
5 function fun2(){
6 var a = 3;
7 console.log(a);    //因为本层有定义直接输出3
8 function fun3(){
9 console.log(a);  //本身没有a定义，会从本层出发依次向外查找，当找到定义时，直接执行。3
10 }
11 fun3();
12 }
13 fun2();
14 }
15 fun1();
16 console.log(a);   //1

如果变量声明时，不写var关键字，计算机会自动在全局作用域内给它进行一个声明，局部变量就强制性的变成了全局变量。这种情况是不合理，会造成一个全局变量的污染。所以，定义变量必须写var关键字。

1 var a = 1;
2 // 相当于
3 // var a = 3;
4 function fun1(){
5 a = 2;
6 function fun2(){
7 a = 3;
8 console.log(a);    //因为本层有定义直接输出3
9 function fun3(){
10 console.log(a);  //本身没有a定义，会从本层出发依次向外查找，当找到定义时，直接执行。3
11 }
12 fun3();
13 }
14 fun2();
15 }
16 fun1();
17 console.log(a);

1.5 形参是局部变量

形参是局部变量，形参的作用域是它定义的函数的内部。

1 function fun(a){
2 // 形参是局部变量
3 console.log(a);
4 }
5 fun(1);
6 console.log(a);

WEB前端互动交流群 434623999