ES6——let、const和var的用法和区别

ES6 新增了let命令，用来声明变量，新增了const命令，用来声明常量，它们的用法类似于var。

let a = 1;
var b = 2;
const PI = 3.14;

主要区别

块级作用域

let声明的变量和const声明的常量有块级作用域，var声明的变量则只有函数作用域

{
	let a = 1;
	const PI = 3.14;
	var b = 2;
}
console.log(a);		//报错
console.log(PI);	//报错
console.log(b);		//2

function fun(){
	let a = 1;
	const PI = 3.14;
	var b = 2;
}
console.log(a);		//报错
console.log(PI);	//报错
console.log(b);		//报错

不存在变量提升

var声明的变量存在变量提升，即变量可以在声明之前使用，值为undefined。let声明的变量和const声明的常量不存在变量提升，

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

console.log(a);	//报错
let a = 1;

console.log(PI);	//报错
const PI = 3.14;

不能重复声明

let和const不允许在相同作用域内，重复声明同一个变量，var则可以。

{
	let a = 1;
	let a = 2;			//报错
}

{
	let a = 1;
	var a = 2;			//报错
}

{
	let a = 1;
	const a = 2;		//报错
}

{
	var a = 1;
	const a = 2;		//报错
}

{
	var a = 1;
	var a = 2;			//不报错
}

暂时性死区

在代码块内，使用let命令声明变量（或者const声明常量）之前，该变量（常量）都是不可用的，这种情况称为“暂时性死区”。

var a = 1;
{
	console.log(a);		//报错
	let a = 1;
}

var PI = 3;
{
	console.log(PI);	//报错
	const PI = 3.14;
}

其他区别

在全局作用域下用var声明的常量会作为window对象的属性保存，let和const不会。

var a = 1;
let b = 2;
const PI = 3.14;

console.log(window.a);		//1
console.log(window.b);		//undefined
console.log(window.PI);		//undefined

const声明的常量在声明的时候必须赋值，let和var可以只声明不赋值，此时变量的值为undefined。

var a;
let b;
const PI;			//报错

console.log(a);		//undefined
console.log(b);		//undefined

const声明的常量在声明后就不能被修改。

const PI = 3.14;
PI = 3.1415;		//报错

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据，值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此const如果声明的是复合类型数据，则可以修改其属性。

const PERSON = {
	name : "XD"
};

PERSON.name = "JH";
console.log(PERSON.name);		//"JH"

可以使用Object.freeze(obj)方法将对象冻结。

const PERSON = Object.freeze({
	name : "XD"
});
PERSON.name = "JH";		//常规模式时，该行不起作用；严格模式下会报错。

除了将对象本身冻结，对象的属性如果也指向一个对象，那么这个对象也应该冻结。下面是一个将对象彻底冻结的函数。

var constantize = function(obj){
	Object.freeze(obj);
	Object.keys(obj).forEach(function(key , i){
		if(typeof obj[key] === 'object'){
			constantize(obj[key]);
    	}
    });
};