2023/1/15 JS-作用域与作用域链

1 作用域

理解 - 就是一块"地盘", 一个代码段所在的区域，它是静态的(相对于上下文对象), 在编写代码时就确定了
分类：

1. 全局作用域
2. 函数作用域

没有块作用域(ES6有了) -->(java语言也有)

    if (true) {
        var a = 3
    }
    console.log(a); // 3

作用： 隔离变量，不同作用域下同名变量不会有冲突

<script>
    var a = 100;

    function fun() {
        var a = 200;
        console.log(a);
    }

    fun() // 200
</script>

2 作用域与执行上下文的区别与联系

区别1:

• 全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了，而不是在函数调用时。
• 全局执行上下文环境是在全局作用域确定之后，js代码马上执行之前创建
• 函数执行上下文是在调用函数时, 函数体代码执行之前创建

区别2:

• 作用域是静态， 只要函数定义好了就一直存在，且不会再变化
• 执行上下文是动态的，调用函数时创建， 函数调用结束时就会自动释放

联系:

• 执行上下文是从属于所在的作用域
• 全局上下文环境–>全局作用域
• 函数上下文环境–>对应的函数作用域
  

3 作用域链

• 多个上下级关系的作用域形成的链，它的方向是从下向上的(从内到外)
• 查找变量时就是沿着作用域链来查找的

查找一个变量的查找规则：

在当前作用域下的执行上下文中查找对应的属性, 如果有直接返回, 否则 在上一级作用域的执行上下文中查找对应的属性, 如果有直接返回, 否则
。。。。直到全局作用域, 如果还找不到就抛出找不到的异常