let 和 const

let命令基本用法 在ES6中，新增了let命令，用于声明变量，用来取代ES5中var命令，消除var声明的变量的不合理，不严谨之处。const用于声明常量。 让我们来看看let和var的区别

1.let不存在变量提升 使用let声明的变量，不会像使用var那样存在“变量提升“”的现象。所以使用let声明变量，必须遵循“先声明，后使用”的原则。否则会报错

console.log(a); //ReferenceError let a = 10;

如果是var声明的变量，则不会报错。

console.log(b); //undefined var b = 10;

2.let声明的变量，存在块级作用域 let声明的变量只在所声明的代码块内有效。块级作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。

{ var a = 10; let b = 20; } console.log(a); //10 console.log(b); // ReferenceError: b is not defined var a =[]; for( var i=0; i<10; i++ ){ a[i] = function(){ console.log(i); } } for( var j = 0; j<a.length; j++ ){ a[j](); //输出10个10。 因为i是var声明的，在全局范围内都用，每次新的i都会覆盖原来的。 } var a =[]; for( let i=0; i<10; i++ ){ a[i] = function(){ console.log(i); } } for( let j = 0; j<a.length; j++ ){ a[j](); //输出 0，1，2，...，9 }

3.let不允许在同一作用域内重复声明同一个变量 在同一作用域内，如果使用var声明同一个变量，则后面的覆盖前面的

var a = 10; var a = 20; colsole.log(a);//20 var a = 10; let a = 10; console.log(a);//Uncaught SyntaxError: let a = 10; let a = 15; console.log(a);//Uncaught SyntaxError: Identifier 'a' has already been declared

4.暂时性死区：在代码块内，使用let声明变量之前，该变量都是不可以使用用 只要在同一作用域内存在let命令，他所声明的变量就“绑定”在这个作用域内，不管外部有没有声明

var a =10; if（true）{ console.log(a);//error;虽然外部var了a，但是下面let了a，所以此时的a和if就绑定了，也就不会寻找外部的a的值，此时存在一个暂时性死区 let a = 5; } fn1();//Uncaught ReferenceError: a is not defined

ES6规定，如果在区块中存在let和const声明的变量，则这个区块对这些声明的变量从一开始就形成一个封闭的作用域。不管在外部有没有声明这个变量。必须遵守“先声明，后使用”的原则，否则报错

ES6规定暂时性死区和不存在变量提升，主要是为了减少运行程序的错误，防止出现“先使用（变量），后声明（变量）”的情况，从而导致意料之外的行为。这种错误在ES5中很常见，现在有了这种规定，就可以避免出现此类错误了 总之，暂时性死区的本质就是，只要一进入当前作用域，所使用的变量就已存在，但是不可获取，只有等到声明变量的哪一行代码的出现，在可以获取和使用该变量

const命令的基本使用 const用来声明常量，一旦声明，其值就不能更改，不存在变量提升

const a = 10; a = 20; console.log(a);//Uncaught TypeError: Assignment to constant variable.

1.const声明的常量不能改变，意味着const一旦声明常量，就必须同时初始化。不能先声明，后初始化，这样会报错

2.与let一样。const声明的常量也只在块级作用域内有效 3.与let一样，必须先声明，后使用 4.与let一样，在同一作用域，const不能重复声明同一常量

注意: 常量在声明的时候可以使用大小写，但通常情况下全部用大写字母。 const MY_FAV = 7;// 定义常量MY_FAV并赋值7 MY_FAV = 20; // 报错 console.log("my favorite number is: " + MY_FAV);// 输出 7 const MY_FAV = 20;// 尝试重新声明会报错 var MY_FAV = 20;// MY_FAV 保留给上面的常量，这个操作会失败 let MY_FAV = 20;// 也会报错 // 注意块范围的性质很重要 if (MY_FAV === 7) {// 没问题，并且创建了一个块作用域变量 MY_FAV // (works equally well with let to declare a block scoped non const variable) let MY_FAV = 20; console.log('my favorite number is ' + MY_FAV);// MY_FAV 现在为 20 var MY_FAV = 20;// 这被提升到全局上下文并引发错误 } console.log("my favorite number is " + MY_FAV);// MY_FAV 依旧为7 function fn() { let MY_FAV = 20; console.log(MY_FAV); //20 //const MY_FAV = 30; //error //var MY_FAV = 30; //error }

那么如果使用const声明对象呢？

const b = { name:'zs', age:22 } b.name = "lzx"; console.log(b.name+"---"+b.age);//输出lzx---22

我们可以看到，使用const声明的对象的属性是可以修改。 因为Object类型是引用类型。用const声明常量保存的是对象的地址，不可变的是地址，在上面的代码中就是，不能把 b 指向另一个对象。而修改对象的属性，并不会改变对象的地址，因此用const声明对象的属性是可以修改的

注意var的块级域只有function（）{ }函数和全局，if{ }和for{ }是无效的