【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标准入门（第2版）》