js05 作用域

// ==========作用域================

/* 就是代码名字在某个范围内起作用和效果

目的：提高程序的可靠性 更重要的是减少命名冲突 */

// js的作用域（es6）之前：全局作用域、局部作用域

    //------------1全局作用域--------

    //整个script标签或者是一个单独的js文件

    //----------2局部作用域------------

    //函数作用域 只在函数内部起效果和作用

 

    var num = 10;

    function fn(){

        var num = 20;

        //num1 = 100;//全局变量 没有声明 直接赋值

        //console.log(num);//20

    }

    //console.log(num);//10

    //fn();

   /*  =========变量的作用域：====

    1.全局变量:在全局作用域下的变量

    注意：在函数内部 没有声明直接赋值的是全局变量

    2.局部变量 在函数内部的变量

    注意：函数的形参也可以看作是局部变量 

    3.从执行效率来看全局变量和局部变量

    (1)全局变量 只有浏览器关闭的时候才会销毁，比较占内存

    (2)局部变量 当我们程序执行完毕就会销毁，比较节约资源

    */

    // ----------作用域链----------- 

    // 内部函数访问外部函数的变量，采取的是链式查找的方式 就近原则

    var num1 = 10;

    function fun(){//外部函数

        var num1 = 20;

        function funNew(){//内部函数

            console.log(num1);//20

        }

 

        funNew();

    }

    fun();

 

    //===========预解析============

    console.log(haha);//Uncaught ReferenceError: haha is not defined

    console.log(yu);//undefined

    var yu = '预解析';

    /* 1.js引擎运行js分为两步：预解析、代码执行

    (1)预解析：js引擎会把js里面所有的var还有function提升到

    当前作用域的前面

    (2)代码执行 按照代码书写的顺序从上到下执行

    2.预解析分为变量预解析(变量提升)和函数预解析(函数提升)

    (1)变量提升 把所有的变量声明提升到当前的作用域最前面 不提升赋值操作 */