每天 10 分钟,学习 JavaScript —— (十四)执行上下文

·  阅读 61

代码分类(位置)

  • 全局代码
  • 函数(局部)代码

全局执行上下文(顺序)

  • 在执行全局代码前将window确定为全局执行上下文
  • 在对全局数据进行预处理
    • var 定义的全局变量 ==> undefined,添加为window的属性
    • function 声明的全局函数 ==> 赋值(fun),添加为window的方法
    • this ==> 赋值(window)
  • 开始执行全局代码
    console.log(a1) // undefined
    a2() // "a2()"
    var a1 = 3
    console.log(a1) // 3
    function a2() {
      console.log('a2()')
    }
复制代码

函数执行上下文(顺序)

  • 在调用函数,准备执行函数体之前,创建对应的函数执行上下文对象
  • 对局部数据进行预处理
    • 形参变量 ==> 赋值(实参) ==> 添加为执行上下文的属性
    • arguments ==> 赋值(实参列表),添加为执行上下文的属性
    • var 定义的局部变量 ==> undefined,添加为执行上下文的属性
    • function 声明的全局函数 ==> 赋值(fun),添加为执行上下文的属性
    • this ==> 赋值(调用函数的对象)
  • 开始执行函数体代码
    function fn(a1) {
      console.log(a1) // 2
      console.log(a2) // undefined
      a3() // "a3()"
      console.log(this) // [object Window]
      console.log(arguments) // Object { 0: 2, 1: 3 }
      var a2 = 3
      console.log(a2) // 3
      function a3() {
        console.log('a3()')
      }
    }
    fn(2, 3)
复制代码
分类:
前端
标签: