JS中的塊級(jí)作用域,var、let、const三者的區(qū)別

源自:https://blog.csdn.net/hot_cool/article/details/78302673

首先,ECMAScript和JavaScript關(guān)系:
ECMAScript是一個(gè)國(guó)際通過(guò)的標(biāo)準(zhǔn)化腳本語(yǔ)言。JavaScript由ECMAScript和DOM、BOM三者組成??梢院?jiǎn)單理解為:ECMAScript是JavaScript的語(yǔ)言規(guī)范,JavaScript是ECMAScript的實(shí)現(xiàn)和擴(kuò)展。

  1. 塊作用域{ }
    JS中作用域有:全局作用域、函數(shù)作用域。沒(méi)有塊作用域的概念。ECMAScript 6(簡(jiǎn)稱(chēng)ES6)中新增了塊級(jí)作用域。
    塊作用域由 { } 包括,if語(yǔ)句和for語(yǔ)句里面的{ }也屬于塊作用域。
<script type="text/javascript">
    {
        var a = 1;
        console.log(a); // 1
    }
    console.log(a); // 1
    // 可見(jiàn),通過(guò)var定義的變量可以跨塊作用域訪問(wèn)到。

    (function A() {
        var b = 2;
        console.log(b); // 2
    })();
    // console.log(b); // 報(bào)錯(cuò),
    // 可見(jiàn),通過(guò)var定義的變量不能跨函數(shù)作用域訪問(wèn)到

    if(true) {
        var c = 3;
    }
    console.log(c); // 3
    for(var i = 0; i < 4; i++) {
        var d = 5;
    };
    console.log(i); // 4   (循環(huán)結(jié)束i已經(jīng)是4,所以此處i為4)
    console.log(d); // 5
    // if語(yǔ)句和for語(yǔ)句中用var定義的變量可以在外面訪問(wèn)到,
    // 可見(jiàn),if語(yǔ)句和for語(yǔ)句屬于塊作用域,不屬于函數(shù)作用域。
</script>
  1. var、let、const的區(qū)別
    var定義的變量,沒(méi)有塊的概念,可以跨塊訪問(wèn), 不能跨函數(shù)訪問(wèn)。
    let定義的變量,只能在塊作用域里訪問(wèn),不能跨塊訪問(wèn),也不能跨函數(shù)訪問(wèn)。
    const用來(lái)定義常量,使用時(shí)必須初始化(即必須賦值),只能在塊作用域里訪問(wèn),而且不能修改。
script type="text/javascript">
    // 塊作用域
    {
        var a = 1;
        let b = 2;
        const c = 3;
        // c = 4; // 報(bào)錯(cuò)
        var aa;
        let bb;
        // const cc; // 報(bào)錯(cuò)
        console.log(a); // 1
        console.log(b); // 2
        console.log(c); // 3
        console.log(aa); // undefined
        console.log(bb); // undefined
    }
    console.log(a); // 1
    // console.log(b); // 報(bào)錯(cuò)
    // console.log(c); // 報(bào)錯(cuò)

    // 函數(shù)作用域
    (function A() {
        var d = 5;
        let e = 6;
        const f = 7;
        console.log(d); // 5
        console.log(e); // 6  (在同一個(gè){ }中,也屬于同一個(gè)塊,可以正常訪問(wèn)到)
        console.log(f); // 7  (在同一個(gè){ }中,也屬于同一個(gè)塊,可以正常訪問(wèn)到)

    })();
    // console.log(d); // 報(bào)錯(cuò)
    // console.log(e); // 報(bào)錯(cuò)
    // console.log(f); // 報(bào)錯(cuò)
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容