执行上下文

  1. 代码分类（地位）

  2. 全局执行上下文

    • 在执行全局代码前将window确定为全局执行上下文

    • 对全局数据进行预处理

      • var定义的全局变量 ==> undefined，增加为window的属性
      • function申明的全局函数 ==> 赋值（fun），增加为window的办法
      • this ==> 赋值（window）
    • 开始执行全局代码

  3. 函数执行上下文

    • 在调用函数，筹备执行函数体之前，创立对应的函数执行上下文对象（虚构的，存在于栈中）

    • 对部分数据进行预处理

      • 形参变量 ==> 赋值（实参）==> 增加为执行上下文的属性
      • arguments ==> 赋值（实参列表），增加为执行上下文的属性
      • var 定义的局部变量 ==> undefined，增加为执行上下文的属性
      • function申明的函数 ==>赋值（fun），增加为执行上下文的办法
      • this ==>赋值（调用函数的对象）
    • 开始执行函数体代码
    //全局执行上下文    console.log(a1,window.a1)    a2()    console.log(this)        var a1 = 3    function a2(){        console.log('a2()')    }    console.log(a1)        //函数执行上下文    function fn (a1){        console.log(a1)    //2        console.log(a2)    //undefined        a3()    //a3()        console.log(this)    //window        console.log(arguments)    //伪数组（2,3）                var a2 = 3        function a3(){        console.log('a3()')        }    }    fn(2,3)

执行上下文栈

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

  5. 当所有的代码执行完后，栈中只剩下window

                                 //1.进入全局执行上下文     var a = 10     var bar = function(x){         var b = 5         foo(x + b)            //3.进入foo执行上下文     }     var foo = function (y){         var c = 5         console.log(a + c +y)     }     bar(10)                    //2.进入bar函数执行上下文

&nbsp