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]);}});
};