let和const

G9YH 發(fā)布于2019-08-23 11:56 / 3588人閱讀

摘要：發(fā)布自的博客，歡迎大家轉(zhuǎn)載，但是要注意注明出處。另外，該文章收納在的個(gè)人的知識整理倉庫，歡迎投稿是在加入的新的變量聲明方法，聲明變量的方法和類似的功能是聲明一個(gè)作用域被限制在塊級的變量，而聲明的變量的作用域只能是全局的或者整個(gè)函數(shù)塊的再舉一

發(fā)布自Kindem的博客，歡迎大家轉(zhuǎn)載，但是要注意注明出處。另外，該文章收納在Kindem的個(gè)人的 IT 知識整理倉庫，歡迎 Star、Fork、投稿

let

let是在ES6加入的新的變量聲明方法，let聲明變量的方法和var類似:

let a = "hello";
var b = "hello";

let的功能是聲明一個(gè)作用域被限制在塊級的變量，而var聲明的變量的作用域只能是全局的或者整個(gè)函數(shù)塊的

function varTest() {
    var x = 1;
    if (true) {
        var x = 2;
        // 2
        console.log(x);
    }
    // 2
    console.log(x);
}

function letTest() {
    let x = 1;
    if (true) {
        let x = 2;
        // 2
        console.log(x);
    }
    // 1
    console.log(x);
}

再舉一個(gè)例子:

var a = 1;
var b = 2;

if (a === 1) {
    var a = 11;
    let b = 22;

    // 11
    console.log(a);
    // 22
    console.log(b);
}

// 11
console.log(a);
// 2
console.log(b);

另外，如果作用域位于程序的頂層，var會(huì)掛載到window上，而let不會(huì):

var a = "a";
let b = "b";

// this -> window
// a
console.log(this.a);
// undefined
console.log(this.b);
// a
console.log(window.a);
// undefined
console.log(window.b);

在相同的函數(shù)或塊作用域內(nèi)重新聲明同一個(gè)變量會(huì)引發(fā)一個(gè)重復(fù)定義的SyntaxError

if (x) {
    let foo;
    // SyntaxError
    let foo;
}

let和var都會(huì)在聲明所在的作用域頂部被創(chuàng)建，這被稱為變量提升，但是不同的是var的創(chuàng)建會(huì)伴隨著一個(gè)undefined值，在賦值之后才會(huì)改變，而let沒有被賦值之前是不會(huì)被初始化的，如果在這期間引用let聲明的變量，會(huì)導(dǎo)致一個(gè)ReferenceError，直到初始化之前，該變量都處于暫存死區(qū):

function test() {
    // undefined
    console.log(bar);
    // ReferenceError
    console.log(foo);
    var bar = 1;
    let foo = 2;
}
test();

兩個(gè)復(fù)雜一點(diǎn)的例子:

function test(){
    var foo = 33;
    if (true) {
        // ReferenceError
        let foo = (foo + 55);
    }
}
test();

function go(n) {
    // Object {a: [1,2,3]}
    console.log(n);

    // ReferenceError
    for (let n of n.a) {
        console.log(n);
    }
}
go({a: [1, 2, 3]});

const

const的基本作用是聲明一個(gè)作用域被限制在塊級的常量，其作用域和let一樣，基本使用也和let類似，但是const的特點(diǎn)是const聲明的值一經(jīng)創(chuàng)建無法被改變

使用const會(huì)創(chuàng)建一個(gè)值的只讀引用，這意味著const聲明的對象本省的引用是無法被改變的，但是其屬性是可以被改變的，因?yàn)楦淖兤鋵傩圆⒉粫?huì)引起其引用的變化

下面給出const的一些特性的例子:

基本使用:

const a = "abc";

無法被重復(fù)定義:

const a = "abc";
// SyntaxError: Identifier "a" has already been declared
const a = "abc";

聲明時(shí)就必須賦值:

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

無法被修改:

const a = "a";
// TypeError: Assignment to constant variable
a = "b";

塊級作用域:

if (true) {
    var a = "a";
    const b = "b";
    // a
    console.log(a);
    // b
    console.log(b);
}
// a
console.log(a);
// ReferenceError: not defined
console.log(b);

作用域在程序頂層時(shí)不會(huì)掛在window對象上:

var a = "a";
const b = "b";

// this -> window
// a
console.log(this.a);
// undefined
console.log(this.b);
// a
console.log(window.a);
// undefined
console.log(window.b);