共计 1998 个字符，预计需要花费 5 分钟才能阅读完成。
更多前端文章
1、变量提升
概述：变量可在声明之前使用。
console.log(a);// 正常运行，控制台输出 undefined
var a = 1;
console.log(b);// 报错，Uncaught ReferenceError: b is not defined
let b = 1;
console.log(c);// 报错，Uncaught ReferenceError: c is not defined
const c = 1;
var 命令经常会发生变量提升现象，按照一般逻辑，变量应该在声明之后使用才对。为了纠正这个现象，ES6 规定 let 和 const 命令不发生变量提升，使用 let 和 const 命令声明变量之前，该变量是不可用的。主要是为了减少运行时错误，防止变量声明前就使用这个变量，从而导致意料之外的行为。
2、暂时性死区
概述：如果在代码块中存在 let 或 const 命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
var tmp = 123;
if (true) {
tmp = ‘abc’;// 报错，Uncaught ReferenceError: tmp is not defined
let tmp;
}
剖析暂时性死区的原理，其实 let/const 同样也有提升的作用，但是和 var 的区别在于
var 在创建时就被初始化，并且赋值为 undefined
let/const 在进入块级作用域后，会因为提升的原因先创建，但不会被初始化，直到声明语句执行的时候才被初始化，初始化的时候如果使用 let 声明的变量没有赋值，则会默认赋值为 undefined，而 const 必须在初始化的时候赋值。而创建到初始化之间的代码片段就形成了暂时性死区
3、不允许重复声明
let 不允许在相同作用域内，重复声明同一个变量。
// 报错
function func() {
let a = 10;
var a = 1;
}
// 报错
function func() {
let a = 10;
let a = 1;
}
function func(arg) {
let arg;
}
func() // 报错
function func(arg) {
{
let arg;
}
}
func() // 不报错
4、块级作用域
在 es5 中我们会遇到下面这写情况第一种场景，内层变量可能会覆盖外层变量。
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = ‘hello world’;// 没有块级作用域 tmp 变量提升到函数作用域里导致 tmp 为 undefined
}
}
f(); // undefined
第二种场景，用来计数的循环变量泄露为全局变量。
var s = ‘hello’;
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
上面代码中，变量 i 只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}
let 实际上为 JavaScript 新增了块级作用域。
5、const 注意点
1、const 声明变量的时候必须赋值，否则会报错，同样使用 const 声明的变量被修改了也会报错 2、const 声明变量不能改变，如果声明的是一个引用类型，则不能改变它的内存地址
const c ; //Uncaught SyntaxError: Missing initializer in const declaration
const a= {a:1};
a.a=2;
a={d:2};// Uncaught TypeError: Assignment to constant variable.
本质：const 实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const 只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了
那么我们想得到不可修改的 const 要怎么做呢？应该使用 Object.freeze 方法。
const foo = Object.freeze({});
// 常规模式时，下面一行不起作用；
// 严格模式时，该行会报错
foo.prop = 123;
// 除了将对象本身冻结，对象的属性也应该冻结。
var constantize = (obj) => {
Object.freeze(obj);
Object.keys(obj).forEach((key, i) => {
if (typeof obj[key] === ‘object’ ) {
constantize(obj[key] );
}
});
};
参考文章 ECMAScript 6 入门