ES6-let const

1.JS中的块级做用域

在ES6以前，JS是没有块级做用域这个概念的，只有全局做用域和函数内的局部做用域

咱们都是知道在 ES6 之前，var 关键字声明变量。不管声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局做用域的最顶部)。这就是变量提高例如:

function fn() {
    		if(false) {
    			var aa = "hello"
    		}else {
    			console.log(aa)
    		}
    	}
    	fn()//undefined复制代码

以上的代码其实是：

function fn() {
    		var aa //变量提高
    		if(false) {
    			aa = "hello"
    		}else {
    			//此处访问aa的值为undefined
    			console.log(aa)
    		}
    	}
    	fn()//undefined

复制代码

因此不管如何 aa 都会被建立声明

2.let命令

与var命令的对比，以及let的一些特性：

1.let命令声明一个块级做用域内的变量语句或表达式，并可选地为其初始化一个值。

如下方式都是合法的：

let a
let b = 666
let c = 1, d = 'string', e = {}
let f = function () {}
let g = true ? 'true' : 'false'复制代码

2.let命令只在块级做用域有效，在代码块以外引用会报错，同时不能重复声明。

{
		    let a = 1
		}
		console.log(a) // ReferenceError a is not defined复制代码

function foo () {
    		    const a = 4
		    let a = 1
		}
		foo() //SyntaxError: Identifier 'a' has already been declared复制代码

for(var i = 0; i < 5; i++){
	}
	console.log(i) // 5

        for(let i = 0; i < 5; i++){  
	}
	console.log(i) //ReferenceError: i is not defined
复制代码

3.let不存在变量提高

console.log(a)   // undefined
console.log(b)   // ReferenceError: b is not defined
var a = 1
let b = 1
复制代码

4

由于let不存在变量提高所以ES6中的let声明变量时，会在此区域内造成暂时性死区（暂时性死区就是在这个区块中的变量未声明以前，对该区块中的变量的一切调用都会报错），在该区域内不容许有任何形势声明出来的相同变量，因此，let声明的变量只能在该区域中只出现一次，不能有重复的

a = 1
	let a = 2 
        //ReferenceError: a is not defined
复制代码

a = 1
	{let a = 2}
	// 以上代码不会报错，由于声明变量的区块不一复制代码

let的使用实例

由于let命令的出现，因此JS有了块级做用域，本来由于做用域问题致使的闭包问题也能够使用let吗，清零进行解决，好比如下经典闭包代码会一次性输出5个5，但需求是输出01234

for(var i = 0; i < 5; i++){
  setTimeout(function(){
      console.log(i)
  }, 1000)
}
复制代码

1.ES6以前的解决办法，使用一个变量对 i 的值进行暂存

for(var i = 0; i < 5; i++){
  (function(e){
      setTimeout(function(){
          console.log(e)
      }, 1000)        
  })(i)
}
复制代码

2.出现let后的解决办法

for(let i = 0; i < 5; i++){
  setTimeout(function(){
      console.log(i)
  }, 1000)
}复制代码

关于for循环做用域的问题
在for循环中其实是有两个做用域的，条件设置的圆括号()内是一个父做用域，而代码块大括号{}中是一个子做用域，好比下面代码能够进行区分

for(let i = 0; i < 5; i++){
  let i = 8
  console.log(i)
}
// 输出结果是5个8复制代码

3.const命令

与let命令的用法相似，const命令也是用来声明一个变量，同时也只能在声明的块级做用域中进行使用，它与C#中的const做用相同，只能赋一次值，不能够修改, 初始化时必须赋值

const命令的特性
1.声明的时候就必须立刻初始化，不然报错
以下代码：

const a;   //SyntaxError: Missing initializer in const declaration

复制代码

2.声明的值不能改变，不能从新进行赋值

const a = 10;
const a = 12 //SyntaxError: Identifier 'a' has already been declared
复制代码

3.与let同样不存在变量提高

console.log(a) //ReferenceError: a is not defined
const a = 12
复制代码

4.与let同样不可重复进行声明

const a = 1
var a = 1  // SyntaxError: Identifier 'a' has already been declared复制代码

注意点
1.const声明的变量的值不能改变实质上是变量指向的内存地址不能改变，所以会有如下两种状况

值为简单类型：

值保存在变量指向的内存地址上。

值为复杂类型：
例如对象：值也保存在变量指向的内存地址上，可是不一样的是，这个内存地址其实是一个指针，指向这个对象，那么在其实是能够对这个对象内的属性进行赋值的，以下代码：

const a = {b:1}
console.log(a.b)  // 1
a.b = 2
console.log(a.b)  // 2
复制代码

2.针对上面的问题，若是想让对象的属性和值绝对不变，能够使用Object.freeze方法

const a = Object.freeze({b:1})
console.log(a.b)  // 1
a.b = 2
console.log(a.b)  // 1复制代码