理解JS中的变量对象

前言

之前有提到过JS中的执行环境(执行上下文)是JS中非常重要的一个概念，而前面也提到了执行环境当中主要包含了三部分：变量对象、作用域链、this指向，这里这里就承接前面，来更为详细的介绍一下变量对象究竟是什么。

变量什么时候被的创建

变量对象的创建时机非常好理解：

当前函数被调用但还未执行之时变量对象就在当前执行环境中被创建了。

还未执行就意味着并未开始执行当前函数中的代码。

变量对象创建的过程

创建 arguments 对象
该对象的属性名是类似数组中的索引的值：’0’、’1’、’2’…..，属性值是传入的实际参数，此外还有 length 属性表示传入的实际参数的个数，所以说函数中的 arguments 是一个伪数组。
找到所有的函数声明
找到函数内所有通过 function 关键字声明的函数，并将其保存在变量对象中，属性名是函数名，属性值是函数的引用地址，同名则后面的覆盖前面的。这就是为什么JS中存在函数提升。
找到所有的变量声明
找到函数内所有的变量声明，并且将其保存在变量对象中，属性名是变量名，属性值为 undefined 。这就解释了为什么访问一个未赋值的变量时返回的是undefined 了，以及为什么用 var 声明会存在变量提升了。

但是我们都知道 ES6 新增的 let 和 const 是不存在变量提升的，那么它们会不会被保存进变量对象中呢？
- 我们可以通过测试来体会一下，首先是声明但不赋值,在声明后使用：
  1
  2
  let a;
  console.log(a);
  结果：
  
  可以看到结果为 undefined ，这也就意味着通过 let 或者是 const 声明的变量也会被保存进变量对象当中。
- 那么为什么 let 和 const 不支持变量提升呢：
  同样的测试，这次在声明之前就使用变量：
  1
  2
  console.log(a);
  let a;
  结果：
  
  结果为报错’不能在声明之前使用’，这也就是我们场常说的暂时性死区。
- 最后结论，ES6中的 let 和 const 会存在暂时性死区的问题，不能在声明之前使用，但是一样的会被保存进变量对象当中。