ES6Let简介 使用Let声明变量好处

使用Let声明变量

ES6不仅引入了let关键字用于解决变量声明的问题，同时引入了块级作用域的概念。

块级作用域：

代码执行时遇到花括号{会创建一个块级作用域、花括号}结束，销毁块级作用域。

   let a = 123;//全局作用域定义
   
   {
   	let a = 456;//然后定义块级作用域
   	console.log(a)//使用的时块级作用域中的a
   }
   console.log(a)//使用的全局作用域中的a
   

有了块级作用域之后它的使用范围跟函数一样被限制在了里面
这样更符合常规语言的逻辑，几乎所有的语言都是这样的，但是因为JS以前有变量提升导致了以前很混乱
现在有了```let```之后有效的改善了这样的局面

全局变量挂载到全局对象：全局对象污染问题

let a = 123;
console.log(a)
//输出undefined

而用var声明赋值的话则会挂载到全局
仅仅是这么一个改动我们都无法拒绝使用Let

允许重复的变量声明：导致数据被覆盖的问题

let声明变量不允许当前作用域范围内重复声明

变量提升？：怪异数据访问闭包问题

• 使用let不会有变量提升，因此不能再定义let之前使用它
• 底层实现上，let声明的变量实际上也会有提升，但是，提升后会将其放入“暂时性死区”，如果访问的变量位于暂时性死区，则会报错Cannot access 'a' before initialization
• 当代码运行到该变量的声明语句时，会将其从暂时性死区中移除

在循环中let会做特殊处理

• 在循环中用let声明的循环变量，会特殊处理，每次进入循环体，都会开启一个新的作用域，并且将循环变量绑定到该作用域（每次循环使用的是一个全新的循环变量）
• 再循环中 使用let声明循环变量，再循环结束后会被销毁

//这时我绑定了10个按钮让咋们在点击时输出对应的i
for (let i = 1; i < 10; i ++) {
	btn.function () {
		console.log(i)//使用的时当前作用域的i
	}
}

• 使用let时就不会像var一样在同一个作用域下修改的同一个i了
  具体见我写过的JS用var声明变量的不足,里面有详细提到输出时会有什么问题
• 在此时let会创建10个作用域看起来用的是同一个i但实际上使用的是不同的i。