js作用域和作用域链

news2024/11/17 13:23:19

1、局部作用域分为函数作用域和块作用域

1.1、函数作用域:

在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。

总结
1.函数内部声明的变量，在函数外部无法被访问
2.函数的参数也是函数内部的局部变量
3.不同函数内部声明的变量无法互相访问
4.函数执行完毕后，函数内部的变量实际被清空了

1.2、块作用域:

在lavaScript 中使用包裹的代码称为代码块，代码块内部声明的变量外部将[有可能] 无法被访问。
var声明的就可以访问

1.let 声明的变量会产生块作用域，var 不会产生块作用域
2.const 声明的常量也会产生块作用域
3.不同代码块之间的变量无法互相访问
4.推荐使用 let 或 const

// var声明的就可以访问 for--这个一个块级作用域
for (var i = 0; i < 5; i++) {
    let k = 10;//不可以访问
}
console.log(i);//5
 console.log(k);// k is not defined

2、作用域链

作用域链本质上是底层的变量查找机制。
在函数被执行时，会优先查找当前函数作用域中查找变量
如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域

<script>
    // 全局作用域
    let a = 10;
    let b = 20;
    // 局部作用域
    function f() {
        let a = 1;
        function g() {
            a = 2;
            console.log(a);//2
        }
        g();//调用g
    }
    f();//调用f
</script>

<script>
    // 全局作用域
    let a = 10;
    let b = 20;
    // 局部作用域
    function f() {
        let a = 1;
        function g() {
            // a = 2;
            console.log(a);//1
        }
        g();//调用g
    }
    f();//调用f
</script>