【ES6】 let与const详解
| ES6，全称为ECMAScript6。ES6与js的关系是：前者是后者的规格，后者是前者的实现。换句话说，ES是js的国际化版本，js是ES的子集。 |
1. let
let命令和var命令是差不多的，都是定义变量。
| let | var | |
| 示例 | let a=1; | var a=1; |
但是，let命令有4点注意点与var相区别：
【1】let的作用域。let声明的变量只在其所在的代码块有效。
【2】let变量需声明。变量提升问题。
【3】let存在暂时性死区，会封闭变量名相同的全局变量。
【4】let不可重复声明。
下面给出以上4点对应的代码解释：
//【1】let的作用域。 //示例一：用let定义的变量，在其作用域之外时，变量是不存在的 if(true) { let a=1; var b=2; console.log(a);//1 console.log(b);//2 } console.log(a);//a is not defined console.log(b);//2 //示例二：在代码块中用var定义的变量i，在作用域外仍然存在。但是用let定义则不存在 for(var i=0;i<10;i++){ } console.log(i);//10 for(let i=0;i<10;i++){ } console.log(i);//i is not defined
//【2】let变量需声明 /*例如，用var定义变量时，即使声明语句在使用变量的语句下面也可以。形象称为 *变量提升,即把声明语句提前。 */ console.log(a);//10 var a=10; /*但是，let语句的声明必须在前面，不然会报错。 */ console.log(a);//ReferenceError let a=10;
//【3】let存在暂时性死区 /*定义全局变量t=10，在其他块级作用域内用let再定义t，此时内部t会屏蔽外部t *的内容，当跳出块级作用域回到全局时，变量t依旧是全局变量。 */ var t=10; if(1){ let t=2; console.log(t);//2 } console.log(t);//10
//【4】let不可重复声明 {//报错 let z=1; var z=2; } {//报错 let z=1; let z=2; } function(x){//报错 let x; } function(x){//不报错 { let x; } }
2. const
const命令用来声明常量，一经声明则不能改变。
【1】2次声明则报错。
const PI=3.14; PI=3; //TypeError:"PI" is read only 只读
【2】声明而不初始化则报错。
const PI; //SyntaxError: missing = in const declaration 未初始化
【3】const的作用域与let相同，只在声明的作用域有效。
【4】const声明的常量同样不能提升，存在暂时性死区，只能在声明之后使用。
【5】**注意：**对于复合型的变量，变量名不指向数据，而指向数据所在的地址。const只是保证变量的地址不变。
const con={}; con.id='123';//可执行，添加属性 con={};//错误，更改了地址 const array=[]; array.push('1');//可执行 array.length=0;//可执行 array=["1"];//不可执行
查看更多ES6教学文章：
参考文献
阮一峰 《ES6标准入门（第2版）》
