JavaScript 之 作用域

学习目标：能够说出Javascript的两种作用域

                  能够区分全局变量和局部变量

                  能够说出如何在作用域链中查找变量的值

 

1.作用域

    <script>
        //1.javaScript作用域：就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突。
        //2.js的作用域（es6）之前:全局作用域 局部作用域
        //3.全局作用域：整个script标签 或者是一个单独的js文件
        var num = 10;
        //4.在函数内部就是局部作用域（函数作用域） 这个代码的名字只在函数内部起效果和作用
        function fn (){
            //局部作用域
            var num = 20;
        }
    </script>

2.1变量作用域的分类

根据作用域的不同 变量可以分为两种：

全局变量

局部变量

    <script>
        //变量的作用域：根据作用于的不同我们变量分为全局变量和局部变量
        //1.全局变量：在全局作用域下的变量,在全局下都可使用
        // 注意：如果在函数内部 没有声明直接赋值的变量也属于全局变量
        var num = 10; //num就是一个全局变量
        console.log(num);
        function fn(){
            console.log();
            var num = 10; 
        }
        //2.局部变量 在局部作用域下的变量 后者在函数内部的变量就是 局部变量
        //注意函数的形参也可以看作局部变量
        
        3.从执行效率来看全局和局部
        //（1）全局变量只有在内存关闭的时候才会销毁，比较占内存资源
        //（2）局部变量当我们程序执行完毕就会销毁比较节约内存资源
    </script>

3.作用域链（很简单）就近原则

    <script>
        //作用域链：内部函数访问外部函数的变量，采取的是链式查找的方式来决定取哪个值，这种结构我们称之为作用域链
        // 链式查找   就近原则
        var num = 10;
        function fn(){//外部函数
            var num = 20;
            function fun(){//内部函数
                console.log(num);            
            }
        }
    </script>