js中作用域链的问题

时间:2022-04-24 15:55:40

为什么没有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); //
</script>

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

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

js中作用域链的问题

这就是js的作用域链。

js中作用域链的问题

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

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