深切明白let和var的区分（暂时性死区）！！！

起首我们应当晓得js引擎在读取js代码时会举行两个步骤：

• 第一个步骤是诠释。
• 第二个步骤是实行。

所谓诠释就是会先通篇扫描一切的Js代码，然后把一切声明提拔到顶端，第二步是实行，实行就是操纵一类的。

我们先来看个简朴的变量提拔案例吧

a = 'Javascript';
var a;
console.log(a);//'Javascript'

console.log(b);//undefined
var b='Javascript'

碰到 script 标签的话 js 就举行预剖析，将变量 var 和 function 声明提拔，但不会实行 function，然后就进入上下文实行，上下文实行照样实行预剖析一样操纵，直到没有 var 和 function，就最先实行上下文。如:

a=5;
show();
var a;
function show(){};

预剖析：

function show(){};
var a;
a=5;
show();

须要注重都是函数声明提拔直接把全部函数提到实行环境的最顶端。

那末let/const和var又有什么区别呢？？

• let/const是运用区块作用域；var是运用函数作用域。
• 在let/const声明之前就接见对应的变量与常量，会抛出ReferenceError毛病；但在var声明之前就接见对应的变量，则会获得undefined。

console.log(aVar) // undefined
console.log(aLet) // causes ReferenceError: aLet is not defined
var aVar = 1
let aLet = 2

会涌现如许的状况是由于let/const具有“临时性死区（TDZ）”。

什么是临时性死区？

当顺序的掌握流程在新的作用域(module, function或block作用域)举行实例化时，在此作用域中的用let/const声明的变量会先在作用域中被建立出来，但因此时还未举行词法绑定，也就是对声明语句举行求值运算，所以是不能被接见的，接见就会抛出毛病。所以在这运转流程一进入作用域建立变量，到变量最先可被接见之间的一段时间，就称之为TDZ(临时死区)。

结论：let/const声明的变量，确实也是有提拔(hoist)的作用。这个是很轻易被误会的处所，实际上以let/const声明的变量也是会有提拔(hoist)的作用。提拔是JS语言中关于变量声明的基础特征，只是由于TDZ的作用，并不会像运用var来声明变量，只是会获得undefined罢了，如今则是会直接抛出ReferenceError毛病，而且很明显的这是一个在运转时期才会涌现的毛病。

ES6 划定临时性死区和let、const语句不涌现变量提拔，重要是为了削减运转时毛病，防备在变量声明前就运用这个变量，从而致使意料之外的行动。如许的毛病在 ES5 是很罕见的，如今有了这类划定，防止此类毛病就很轻易啦~