JavaScript：作用域详解（全局变量、局部变量）

---

   <script>
        //JavaScript作用域：就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突
        //2.js的作用域（es6）之前：全局作用域  局部作用域
        //3.全局作用域：整个script标签  或者是一个单独的js文件
        // 注意：如果在函数里 没有声明直接赋值的变量也属于全局变量
        var num = 10;
        console.log(num);
        //4.局部作用域 （函数作用域） 在函数内部就是局部作用域 整个代码名字只有在函数内部起效
        function fn() {
            //局部作用域
            var num = 20;
            console.log(num);
        }
        fn();
        // ===========================================================

        //变量的作用域：根据作用域的不同我们变量可以分为全局变量和局部变量
        //1.全局变量：在全局作用下的变量
        var num = 10; //num就是一个全局变量
        console.log(num);
        // console.log(aru);
        //2.局部变量：
        // 注意：函数的形参也可以看做局部变量
        function fun(aru) {
            var num1 = 10;//num1就是局部变量 只能在函数内部使用
            var num2 = 20;
        }
        fun();
        // console.log(num1);
        console.log(num2);
        //3.从执行效率看全局变量与局部变量
        //(1)全局变量只有在浏览器关闭的时候才会销毁，比较占用内存资源
        //(2)局部变量 当我们程序执行完毕就会销毁 比较节约内存资源

        // ========================================================
        //js没有块级作用域  补充知识点
        // js的作用域： 全局作用域 局部作用域 现阶段我们js没有 块级作用域
        // 我们js也是在es6的时候新增的块级作用域
        //块级作用域{}  if{}  for{}
        //java
        // if（xx）{
        //     int num =10；
        // }
        //外面的是不能调用num的
        if (5 < 10) {
            var num3 = 10;
        }
        console.log(num3);



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