关于javascript:JavaScript高级-执行上下文

执行上下文

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