區(qū)別：1、let變量有塊級(jí)作用域，而var變量沒(méi)有塊級(jí)作用域；2、var變量存在變量提升（無(wú)暫時(shí)性死區(qū)約束），可以先使用再聲明，而let變量不存在變量提升（有暫時(shí)性死區(qū)約束），必須先聲明再使用；3、let變量不能重復(fù)聲明，而var變量可以。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

ES6 新增了let命令，用來(lái)聲明局部變量。它的用法類(lèi)似于var，但是所聲明的變量，只在let命令所在的代碼塊內(nèi)有效（塊級(jí)作用域），而且有暫時(shí)性死區(qū)的約束。

先看個(gè)var的常見(jiàn)變量提升的面試題目：

題目1： var a = 99;            // 全局變量a f();                   // f是函數(shù)，雖然定義在調(diào)用的后面，但是函數(shù)聲明會(huì)提升到作用域的頂部。  console.log(a);        // a=>99,  此時(shí)是全局變量的a function f() {   console.log(a);      // 當(dāng)前的a變量是下面變量a聲明提升后，默認(rèn)值undefined   var a = 10;   console.log(a);      // a => 10 }  // 輸出結(jié)果： undefined 10 99

如果以上題目有理解困難的童鞋，請(qǐng)系統(tǒng)的看一下老馬的免費(fèi)JS高級(jí)視頻教程。

ES6可以用let定義塊級(jí)作用域變量

在ES6之前，我們都是用var來(lái)聲明變量，而且JS只有函數(shù)作用域和全局作用域，沒(méi)有塊級(jí)作用域，所以{}限定不了var聲明變量的訪問(wèn)范圍。
例如：

{    var i = 9; }  console.log(i);  // 9

ES6新增的let，可以聲明塊級(jí)作用域的變量。

{    let i = 9;     // i變量只在 花括號(hào)內(nèi)有效！！！ }  console.log(i);  // Uncaught ReferenceError: i is not defined

let 配合for循環(huán)的獨(dú)特應(yīng)用

let非常適合用于 for循環(huán)內(nèi)部的塊級(jí)作用域。JS中的for循環(huán)體比較特殊，每次執(zhí)行都是一個(gè)全新的獨(dú)立的塊作用域，用let聲明的變量傳入到 for循環(huán)體的作用域后，不會(huì)發(fā)生改變，不受外界的影響。看一個(gè)常見(jiàn)的面試題目：

for (var i = 0; i <10; i++) {     setTimeout(function() {  // 同步注冊(cè)回調(diào)函數(shù)到 異步的 宏任務(wù)隊(duì)列。     console.log(i);        // 執(zhí)行此代碼時(shí)，同步代碼for循環(huán)已經(jīng)執(zhí)行完成   }, 0); } // 輸出結(jié)果 10   共10個(gè) // 這里面的知識(shí)點(diǎn)： JS的事件循環(huán)機(jī)制，setTimeout的機(jī)制等

如果把 var改成 let聲明：

// i雖然在全局作用域聲明，但是在for循環(huán)體局部作用域中使用的時(shí)候，變量會(huì)被固定，不受外界干擾。 for (let i = 0; i < 10; i++) {    setTimeout(function() {     console.log(i);    //  i 是循環(huán)體內(nèi)局部作用域，不受外界影響。   }, 0); } // 輸出結(jié)果： 0  1  2  3  4  5  6  7  8 9

let沒(méi)有變量提升與暫時(shí)性死區(qū)

用let聲明的變量，不存在變量提升。而且要求必須 等let聲明語(yǔ)句執(zhí)行完之后，變量才能使用，不然會(huì)報(bào)Uncaught ReferenceError錯(cuò)誤。

例如：

console.log(aicoder);    // 錯(cuò)誤：Uncaught ReferenceError ... let aicoder = 'aicoder.com'; // 這里就可以安全使用aicoder

ES6 明確規(guī)定，如果區(qū)塊中存在let和const命令，這個(gè)區(qū)塊對(duì)這些命令聲明的變量，從一開(kāi)始就形成了封閉作用域。凡是在聲明之前就使用這些變量，就會(huì)報(bào)錯(cuò)。
總之，在代碼塊內(nèi)，使用let命令聲明變量之前，該變量都是不可用的。這在語(yǔ)法上，稱(chēng)為“暫時(shí)性死區(qū)”（temporal dead zone，簡(jiǎn)稱(chēng) TDZ）。

let變量不能重復(fù)聲明

let不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量。否則報(bào)錯(cuò)：Uncaught SyntaxError: Identifier 'XXX' has already been declared

例如：

let a = 0; let a = 'sss'; // Uncaught SyntaxError: Identifier 'a' has already been declared

總結(jié)

ES6的let讓js真正擁有了塊級(jí)作用域，也是向這更安全更規(guī)范的路走，雖然加了很多約束，但是都是為了讓我們更安全的使用和寫(xiě)代碼。

【