执行上下文（栈）、作用域（链）

执行上下文与执行上下文栈

执行上下文

首先按照代码的位置分类可以分成两种：全局代码以及函数（局部）代码。

全局执行上下文

• 在执行全局代码前将window确定为全局执行上下文
• 对全局数据进行预处理
  • var定义的全局变量：undefined，添加为window的属性
  • function声明的全局函数：赋值（fun），添加为window的方法
  • this：赋值（window）
• 开始执行全局代码

函数执行上下文

• 在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象（虚拟的，存在于栈中）
• 对局部数据进行预处理
  • 形参变量：赋值（实参），添加为执行上下文的属性
  • arguments：赋值（实参列表），添加为执行上下文的属性
  • var定义的局部变量：undefined，添加为执行上下文的属性
  • function声明的函数：赋值（fun），添加为执行上下文的方法
  • this：赋值（调用函数的对象）
• 开始执行函数体代码

执行上下文栈

1. 在全局代码执行前，JS引擎会创建一个栈来存储管理所有的执行上下文对象
2. 在全局执行上下文（window确定后），将其添加到栈中（压栈）
3. 在函数执行上下文创建后，将其添加到栈中（压栈）
4. 在当前函数执行完后，将栈顶的对象移除（出栈）
5. 当所有的代码执行完后，栈中只剩下window

        var a = 10;
        var bar = function(x) {
            var b = 5;
            foo(x + b);
        }
        var foo = function(y) {
            var c = 5;
            console.log(a + c + y);
        }
        bar(10)  // 30

例题

例题1

        function a() {};
        var a;
        console.log(typeof a);//'function'

先执行变量提升，再执行函数提升

例题2

    if (!(b in window)) {
        var b = 1
    }
    console.log(b) //undefined

例题3

    var c = 1

    function c(c) {
        console.log(c)
        var c = 3
    }
    c(2) //报错

作用域与作用域链

原型链查找对象属性、作用域链查找变量

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

• 区别一
  • 全局作用域之外， 每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了（而不是在函数调用时）
  • 全局执行上下文环境是在全局作用域确定之后，js代码马上执行之前建立
  • 函数执行上下文是在调用函数时，函数体代码执行之前创建。
• 区别二
  • 作用域是静态的，只要函数定义好了就一直存在，且不会在变化
  • 执行上下文是动态的，调用函数时创建，函数调用结束时就会自动释放