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

39次阅读

共计 938 个字符，预计需要花费 3 分钟才能阅读完成。

代码分类（地位）
全局执行上下文
- 在执行全局代码前将 window 确定为全局执行上下文
- 对全局数据进行预处理
  - var 定义的全局变量 ==> undefined，增加为 window 的属性
  - function 申明的全局函数 ==> 赋值（fun），增加为 window 的办法
  - this ==> 赋值（window）
- 开始执行全局代码
函数执行上下文
- 在调用函数，筹备执行函数体之前，创立对应的函数执行上下文对象（虚构的，存在于栈中）
- 对部分数据进行预处理
  - 形参变量 ==> 赋值（实参）==> 增加为执行上下文的属性
  - 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)

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

当所有的代码执行完后，栈中只剩下 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

正文完