1、let命令

基本用法

let用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的代碼塊內(nèi)有效。

{
    let b = 2;
    var a = 1;
}

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

let 命令

for循環(huán)的計數(shù)器，就很合適使用let命令。

for( var i = 0; i < 5; i++ ) {
    // your code
}
console.log( "i = " + i );
// output: i = 5
// 理解：計數(shù)器i在for循環(huán)體內(nèi)外都有效

for( let j = 0; j < 5; j++ ) {
    // your code
}
console.log( "j = " + j );
//output: ReferenceError: j is not defined
// 理解：計數(shù)器j只在for循環(huán)體內(nèi)有效，在循環(huán)體外引用就會報錯

let 與 var 對比

常遇到的坑

// eg.3
var a = [];
for( var i = 0; i < 5; i++ ) {
    a[i] = function() {
        console.log( "i = " + i );
    }
}
a[3]();
// output: i = 5

let b = [];
for( let j = 0; j < 5; j++ ) {
    b[j] = function() {
        console.log( "j = " + j );
    }
}
b[3]();
// output: j = 3

理解：

• 變量i是var聲明的，在全局范圍內(nèi)都有效。所以每一次循環(huán)，新的i值都會覆蓋舊值，導(dǎo)致最后輸出的是最后一輪的i的值。
• 變量i是let聲明的，當前的i只在本輪循環(huán)有效，所以每一次循環(huán)的i其實都是一個新的變量

不存在變量提升

let與const命令都不存在變量提升

// use var
console.log( "use var: " + xiaAA );
var xiaAA = "你就會瞎AA";

// use let
console.lgo( xiaBB );
let xiaBB = "你就會瞎BB";

var存在會發(fā)生”變量提升“現(xiàn)象，即變量可以在聲明之前使用，值為undefined。
let命令改變了語法行為，它所聲明的變量一定要在聲明后使用，否則報錯。

不存在變量提升

塊級作用域

ES6的塊級作用域

let實際上為 JavaScript 新增了塊級作用域。

function f() {
    let n = "37";
    if( true ) {
        let n = "95k";
    }
    console.log( "n = " + n );
}
f();
// output: n = 37

上面的函數(shù)有兩個代碼塊，都用let聲明了變量n，運行后輸出n = 37。這表示外層代碼塊不受內(nèi)層代碼塊的影響。如果使用var定義變量n，最后輸出的值就是n = 95k。

塊級作用域的出現(xiàn)，實際上使得獲得廣泛應(yīng)用的立即執(zhí)行函數(shù)表達式（IIFE）不再必要了。

// IIFE 寫法
(function() {
    var n = "";
    // your code
}());

// 塊級作用域?qū)懛?{
    let n = "";
    // your code
}

const命令

基本用法

const聲明一個只讀的常量。一旦聲明，常量的值就不能改變。（注：用const命令來聲明變量時，個人習(xí)慣用大寫）

const YY = "37";
console.log( YY );

YY = "67";
console.log( YY );
// TypeError: Assignment to constant variable.

const 基本用法

const聲明的變量不得改變值，這意味著，const一旦聲明變量，就必須立即初始化，不能留到以后賦值。

const foo;
// SyntaxError: Missing initializer in const declaration

const的作用域與let命令相同：只在聲明所在的塊級作用域內(nèi)有效。

if( true ) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

const聲明的常量，也與let一樣不可重復(fù)聲明。

var m = "37";
let n = "67";

// 下面再定義會報錯
const m = "73";
const n = "76";

const 命令

————
前端·小b
紙上學(xué)來終覺淺，絕知此事要躬行