js作用域链

84 阅读1分钟

作用域

通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。
全局作用域:整个script标签,或者是一个单独的js文件
局部作用域(函数作用域):在函数内部就是函数作用域,这个代码的名字只在函数内部起作用和效果

作用域链

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

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

屏幕截图_20221212_083129.png

运行结果

123

案例2
    function fun1() {
        var a = 2;
        var b = '22';
        fun2();
        function fun2() {
            var a = 3;
            fun3();
            function fun3() {
                var a = 4;
                console.log(a);
                console.log(b);
            }
        }
    }
    fun1();
运行结果

4
22