首页 > 代码库 > js中作用域链的问题

js中作用域链的问题

为什么没有var声明的变量是全局的?

是因为,在js中,如果某个变量没有var声明,会自动到上一层作用域中去找这个变量的声明语句,如果找到,就使用,如果没有找到,继续向上查找,一直查找到全局作用域为止,如果全局中仍然没有这个变量的声明语句,那么会自动在全局作用域进行声明,这个就是js中的作用域链

 

<script>
    var i = 10;
    function f1() {  //第一层
        i = 20;
        function f2() {  //第二层
            i = 30;
            function f3() {  //第三层
                i = 40;
            }
            f3();
        }
        f2();
    }
    f1();    
    alert(i);  //40
</script>

 这里  我们在每一层函数后面都进行了调用,f3调用,因为f3函数里面的i没有使用var声明,所以,会向上一层f2找,发现也没有声明,继续找f1,然后找到全局变量i,所以,就直接修改了i的值为40

下面是另一种情况,当这三层函数中,任意一层中有声明  i

技术分享

这就是js的作用域链。

 

技术分享

 

局部访问全局使用作用域链     (内部访问外部的变量就是通过作用域链)

全局访问局部可以使用闭包进行模拟

 

js中作用域链的问题