深入理解javascript系列之执行环境

console.log(a) // undefined
var a = 0
// 在创建执行环境的时候是let const不会为变量绑定初始值,var会绑定初始值(undefined)
// 引用一个没有初始值的变量会引用错误
test()
function test() {
  test2()
}
function test2() {
  console.log(1)
}

    Execution Contexts = {
      code evaluation state // 代码执行的状态 用户代码的执行暂停和恢复
      Realm // realm是对javascript执行边界的一些限制
      LexicalEnvironment:{
        this  // 会进行this的bind  理解this是当前函数的caller
        Environment Record  // 用于初始化和存储当前上下文声明的函数声明,变量
        outer LexicalEnvironment  // 用于从外部的作用域查找标识符(作用域链)
      }
      VariableEnvironment: {}
      // VariableEnvironment和LexicalEnvironment是相似的概念下面会单独进行讲解
    }

const obj = {
  name: 100,
  test: function () {
    console.log(this.name)
  },
}
obj.test() // 100

const obj2 = {
  name: 200,
  test: () => {
    console.log(this.name) // 这段代码的执行环境是全局的环境 所以箭头函数中this的指向是window
  },
}
obj2.test() // undefined

    Reference {
      the base value component // 引用类型的值 对于上面的例子来说就是obj本身
      the referenced name component // 引用类型的名字
      the Boolean-valued strict reference flag
    }

function test() {
  var a = 10
  var obj = { a: 20 }
  with (obj) {
    var test2 = function () {
      console.log(a)
    }
    function test3() {
      console.log(a)
    }
  }
  return { test2, test3 }
}
var hah = test()
hah.test2() //log 20
hah.test3() //log 20