JavaScript 基础 day4

1.作用域

1.作用域

作用域 一段程序代码中所用到的名字并不总是有效和可靠的。而限定这个名字的可用性代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局限性，增强了程序的可靠性，减少了名字冲突。

ES6之前作用域有两种 全局作用域 和 局部作用域（函数作用域）

全局作用域 作用于所有代码执行的环境（整个 script 标签内部）或者一个独立的js文件。

局部作用域 作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为函数作用域。

JS没有块级作用域

块作用域由{}包括

在其他编程语言，if语句中，循环语句创建的变量，仅仅只能在本if语句，本循环语句中使用，如下：

 if(true){
    int num = 123;
    System.out.print(num); //123
  }
  System.out.print(num);//报错

以上Java代码会报错，因为代码中{}是一块作用域，其中声明的变量num。在{}之外不能使用，而JavaScript代码则不会报错。

JS中没有块级作用域（在ES6之前）

  if(true){
    var num = 123;
    console.log(num); // 123
  }
  console.log(num);// 123

2.变量的作用域

 在JavaScript中，根据作用域的不同，变量可以分为两种：
        全局变量

        局部变量

全局变量 在全局作用域下声明的变量（在函数外部定义的变量）

   全局变量在代码在任何位置都可以使用

   在全局作用域下var声明的变量是全局变量

   特殊情况下，在函数不使用var声明的变量也是全局变量（不建议使用）

局部变量 在局部作用域下声明的变量（在函数内部定义的变量）

   局部变量只能在函数内部使用

   在函数内部var声明的变量是局部变量

   函数的形参实际上就是局部变量

全局变量和局部变量的区别

全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会销毁，因此比较占内存

局部变量：旨在函数内部使用，当其所在的 代码块被执行时，才会被初始化；当代码块运行结束后，就会被销毁，因此更节省内存空间。

3.作用域链

作用域链  只要是代码都在一个作用域中，写在函数内部的局部作用域，未卸载仍和行数内部即在全局作用域中；如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域；根据【内部函数可以访问外部函数变量】的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用链域。

     function f1(){
            var num =123;
            function f2(){
                console.log(num);
            }
            f2();
        }
        var num =456;
        f1();

 

 作用域链 采取就近原则的方式来查找变量最终的值

 

    var a=1;
    function fn1(){
        var a = 2;
        var b='22';
        fn2();
        function fn2(){
            var a=3;
            fn3();
            function fn3(){
                var a=4;
                console.log(a);  //a=4
                console.log(b); //b='22'
            }
        }
    }
    fn1();

 4.预解析

预解析相关概念 JavaScript代码式由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 

预解析  在当前作用域下，JS代码执行之前，浏览器会默认把带有var 和function声明的变量在内存中提前声明或定义。

代码执行  从上到下执行JS语句 

 变量预解析（变量提升）  变量的声明会被提升到当前作用域的最上面，变量的赋值不提升。

  console.log(num);  // 结果是多少？
  var num = 10;      // ？
  
  相当于
  var num;
  console.log(num);// 结果是 undefined
  num = 10;

 结果: undefined
 注意: 变量提升只提升声明，不提升赋值。

函数预解析（函数提升） 函数的声明会被提升到当前作用域的最上面，但是不会调用函数。

fn ();
function fn(){
    console.log('打印');
}

 结果: 控制台打印字符串 --- "打印"
  注意: 函数声明代表函数整体，所以函数提升后，函数名代表整个函数，但是函数并没有被调用！

 函数表达式声明函数问题

函数表达式创建函数，会执行变量提升，此时接收函数的变量名无法正确的调用fn（）;
var fn = function(){
    console.log("想不到吧");
}

 结果:报错提示 "fn is not a function"
  解释: 该段代码执行之前，会做变量声明提升，fn在提升之后的值，是undefined;而fn调用是在fn被赋值为函数体之前，此时fn的值是undefined，所以无法被调用。