全局变量和局部变量练习题

全局作用域 和 局部作用域（ES6之前）

全局作用域：整个script标签 或者是一个单独的js文件；

局部作用域：在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用；

注意: 全局作用域和局部作用域如果命名相同是不会相互影响的；

全局变量和局部变量

变量的作用域： 根据作用域的不同我们变量分为全局变量和局部变量

1. 全局变量： 在全局作用域下声明的变量，在全局下都可以使用

2. 局部变量： 在局部作用域下声明的变量，只能在函数内部使用

全部变量和局部变量练习题

1、

<script>
        var a = 10;
        function test() {
            var b = 100;
            console.log(a);
            a=100;
        }
        test();
        console.log(a); 
        console.log(b);
    </script>

答案解析：打印结果：10 - 100 - 报错 ,因为a是全局变量，在函数内部是可以调用的，然后在函数内部又将a的值更改为100，所以在全局输出的log的值为100，但是b属于局部变量，只能在函数内部执行，所以最外面无法调用所以报错；

2、

<script>
         var a = 1;
         function test(a) {
              a = 100;
              console.log(a);
              return a;        
          }
         test(a);
         //a = test(a);
         console.log(a);
    </script>

答案解析：打印结果：100 1，全局变量a 和 函数的形参a重名，函数的形参也是局部变量，所以函数里面的a的值是影响不到我们全局变量的，所以第一个log输出的值应该是局部变量a的值，第二个log输出的值还是全局的1；

 

作用域链（函数嵌套中变量的使用）

定义：

内部函数访问外部函数的变量，采取的是链式查找的方式来决定哪个值；

访问变量的时候，某个作用域中没有该变量，就会依次向上访问上层作用域中的变量 ---- 也就是就近原则；

 

预解析

定义：

JS引擎会把当前作用域中的var和function提升到当前作用域的最前面执行；

分为变量预解析（变量提升）和函数预解析（函数提升）

变量预解析（变量提升）--- 只提升声明不提升赋值

把当前作用域中的声明变量提升到当前作用域最前面执行，但是只能提升声明，不能将赋值也提升；

数预解析（函数提升）---- 只提升声明不调用

把当前作用域中函数声明提升到当前作用域的最前面执行，但是不调用函数；

<script>
      var a = 10;
      function max(a) {
        a = 100; //此处的a为局部变量  因为形参为局部变量  虽然传过来了实参 但是 局部变量形参又重新赋值了
        b = 1000; //此处的b为函数内部全局变量 b=1000
        console.log(a); //打印的是形参局部变量a=100
        console.log(b); //打印的是函数内部的全局变量b=1000
        return a;
      }
      var re = max(a); // 接受返回值a 又重新赋值给了re
      console.log(re); //这个re打印的是 函数的返回值a
      console.log(a); //这个a打印的是 全局变量最上面的a
      console.log(b); //这个b打印的是 函数内部的全局变量b
    </script>

 //   变量提升练习题
      var num = 1;
      function demo() {
        console.log(num);
        function demoSon() {
          num = 3;
        }
        var num = 2;
        demoSon();
      }
      demo();

 //变量和函数提升后  
1  /*  var num;
      function demo() {
        var num;
        function demoSon() {
          num = 3;
        }
        console.log(num); //uedefined
        num = 2;
        demoSon();
      }
      num = 1;
      demo(); */

var a = 123;
function fun(){
    console.log(a);//123
    a = 456;
}
fun();
console.log(a);//456

函数内部的 a 为全部变量     所以函数外面打印的a为函数内部的全局变量   

函数内部的第一个打印a 函数内部没有 在函数外面的全局变量里找  找到了 全局变量a=123  所以打印123