ES6 let&const

　　今天来总结一下ES6里面let与const的用法

　　先总体看一下ES6中的let都有哪些特性：

let 特性

1. let声明的变量在js中不可以重复声明，防止变量的污染和覆盖
2. let声明的变量不涉及变量的提升，可以有效防止闭包问题
3. let声明的变量在块级作用域中有效
4. let声明的变量存在暂时性死区
   声明的变量在为执行到声明语句时，变量将会暂存在暂时性死区中，当执行完声明 语句时，将会从暂时性死区中将变量取出

1. 同名变量不可以重复声明

var a = 100;
et b = 20; // 报错

2. let声明的变量不存在变量提升的问题

/**
* es6新出的变量定义方式声明的变量不再与全局对象相关联
* 即class , let , const , import 声明的变量不会把变量挂到全局对象上
**/
let num = 10;
console.log(window.num); //undefined
var num2 = 10;
console.log(window.num2); //10

　　我们都知道，js在全局中声明变量，其实质是哪个就是将该变量挂载到window对象的属性上，因此，在访问全局变量时，与访问window对象的属性是一致的。js的设计者逐渐意识到设计存在问题，因此，逐渐开始全局对象与全局变量进行分离。在使用let或者const，甚至之后的class声明变量，都不再将全局变量挂载全局对象（window或者global上）
3. 在ES6中还引入了块级作用域的概念。

　使用let和const声明的变量只在申明语句所在的块级作用域有效。离开了块级作用域，变量的声明失效，因此也不存在变量的提升。

{
　　var a = 100;
　　let b = 200;
}

console.log(a); // 100
console.log(b); // b is not defined

　　使用let和const+块级作用域的声明方式可以在某种程度上代替立即执行函数的方式

 let vari = 123;
 // 立即执行函数解决变量命名冲突问题
 (function(){
 　　let vari = 456;
 　　console.log(vari); // 4561
 }())

 // 块级作用域解决变量重名问题
 {
　　let vari = 789
　　console.log(vari); // 789
}
console.log(vari); // 123

　　

　　很显然，利用ES6的块级作用域解决命名冲突更加简洁明了。

4.暂时性死区。

{
　　/**
　　* 1. 在块级作用域内允许声明函数
　　* 2. 函数声明类似于var声明，将变量声明提升到函数作用域或者全局作用域前面，但函数体不提升
　　* 3. 函数声明提升到所在块级作用域的头部
　　**/
　　function f() { console.log('i am in outside!'); }
　　(function () {
　　　　// f(); //f is not a function ,说明函数的声明提升到了函数作用域的头部，在此处已有f变量的声明，其值为undefined
　　　　// console.log(f);
　　　　if (true) {
　　　　　　// f = 10;
　　　　　　console.log(f); //此处f的值为函数体，说明函数整体提升到了块级作用域的头部
　　　　　　// f = 10;
　　　　　　function f() { console.log('i am in inside!'); }
　　　　}
　　}());
}

　　

　　在块级作用域中允许申明函数，不过该声明方式与ES5的形式不同，在ES6的块级作用域中声明函数，会将函数的声明部分提升到块级作用域的头部，而函数提不提升。
　　关于const的用法，其声明特性与let一致，只不过const声明的一般类型变量值是不可以修改的，对于引用数据类型来说是可以修改的。const声明的实质是const声明的对象的栈内存空间不能再改变，而引用变量所指向的堆内存空间是可以改变的。

{
　　let obj = {
　　　　name: 'zhang',
　　　　age: 18,
　　　　birthday: {
　　　　year: 2018,
　　　　month: 13,
　　　　day: 32
　　　　}
　　};
　　let myFreeze = (obj) => {
　　　　for (let prop in obj) {
　　　　　　// Object.freeze()方法能够是对象属性的值不可改，相当于加上了const声明
　　　　　　Object.freeze(obj);
　　　　　　// 若对象的属性依旧是引用类型，则递归处理
　　　　　　if (typeof (obj[prop]) === 'object') {
 　　　　　 // console.log('referencing prop');
　　　　　　myFreeze(obj[prop]);
　　　　}
　　}
　　return obj;
}
var constObj = myFreeze(obj);
console.log(obj);
obj.birthday.year = 1998; //此处修改属性无效

　　

　　用上面的递归方式即可将一个对象转换为对象常量，即对象中所有的属性，不可更改。
　　let与const的出现使得js的变量生命更加规范，因此，建议使用const和let的方式声明变量。