ES6学习记录（一）--块级作用域

var 声明带来的疑惑–变量提升机制： 在函数作用域或者全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成在当前作用域顶部声明的变量。

块级作用域

存在于：

• 函数内部
• 块中（{}之间的区域）

let声明

用法与var相同，可以把变量的作用域限制在当前代码块之中。

const声明

每个通过const声明的常量必须进行初始化。
用const声明的常量，一旦被设定之后不允许修改绑定，但允许修改值：意味着用const声明对象之后，可以修改该对象的属性；但是用const声明一个字符串或者数字，便不能进行修改。

禁止重声明：同一作用域中不能用let或者const重复定义已经存在的标志符

临时死区（TDZ）

JavaScript引擎在扫描代码发现变量声明时，要么将他们提升至作用域顶部（遇到var声明），要么将声明放到TDZ中（遇到const和let声明）。访问TDZ中的变量会触发运行错误。只有执行过变量声明语句之后，变量采会从TDZ移出，然后方可正常访问。

由于let和const声明的变量不会被提升到作用域顶部，如果在声明之前访问这些变量，会出发引用错误，便不会执行到声明语句，此时被声明的变量还位于被称为TDZ中。

循环中的块作用域绑定

• var 和 let声明在for ，for-of ，for-in中的区别
  let声明在每次迭代循环时都会创建一个新变量，并以之前迭代中同名变量的值将其初始化。

var funcs = [];
for (var i=0;i<10;i++){
  funcs.push(function(){
    console.log(i)
  }
}
funcs.forEach(function(){
  funcs() ;//输出10次数字10
})

var funcs = [];
for (let i=0;i<10;i++){
  funcs.push(function(){
    console.log(i)
  }
}
funcs.forEach(function(){
  funcs() ;//输出 0，1,2,3,4,5,6,7,8,9,10
})

注意

for(const i=0; i<10; i++)  // 完成第一次迭代之后会报错，因为i++试图修改改常量

for (const key in object) //不会报错，因为每次迭代会创建一个新的绑定

全局块作用域

var声明的全局变量会覆盖已经存在的全局属性
如果在全局作用于中用const和let声明，会在全局作用域便创建一个新的绑定，但是该绑定不会添加为全局对象的属性。换句话说，用const和let不能覆盖全局变量，而只能遮蔽它。

let RegExp = "hello";
console.log(RegExp); //"hello"
console.log(window.RegExp === RegExp); //false