[JavaScript学习笔记]作用域那些儿事儿(都是细节，我已收藏！)

作用域概述

通常来说，一段程序代码中所用到的名字并不总时有效和可用的，而跟定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了命名冲突。

js的作用域(es6)之前：全局作用域，局部作用域

全局作用域：整个script标签，或者是一个单独的js文件
局部作用域：在函数内部就是语句作用域，这个代码的名字只在函数内部其效果和作用

变量作用域

变量作用域的分类

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

• 全局变量
• 局部变量

---

全局变量

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

• 全局变量在代码的任何位置都可以使用
• 在全局作用域下var声明的变量是全局变量
• 特殊情况下，在函数内不适用var声明的变量也是全局变量(不建议使用)

局部变量

在局部作用域下声明的变量叫做局部变量(在函数内部定义的变量)

• 局部变量只能在函数内部使用
• 在函数内部var声明的变量是局部变量
• 函数的形参实际上就是局部变量

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

• 全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存
• 局部变量：只在函数内部使用，当其所在的代码块被执行时，会被初始化；当代码块运行结束后，就会被销毁，因此更节省内存空间

JS没有块级作用域(es6新增了)

块级作用域{} if{} for{}

作用域链

只要是代码，就至少有一个作用域
写在函数内部的局部作用域
如果函数中还有函数，那么在这个作用域中就可以诞生一个作用域
根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就交作用域链。

简单来说就是4个字就近原则

    var num=10;
    function fn(){
        var num=20;
        function fun(){
            console.log(num);
        }
        fun();
    }
    fn();

作用域链案例

1.结果是几？

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

123

2.结果是几？

    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);
                console.log(b);
            }
        }
    }
    fn1();

a=4 b='22’