ES6部分特性小結(jié)

pinecone 發(fā)布于2019-08-23 11:26 / 2549人閱讀

摘要：但是或者，會(huì)將聲明關(guān)進(jìn)一個(gè)小黑屋也是暫時(shí)性死區(qū)，只有執(zhí)行到變量聲明這句語句時(shí)，變量才會(huì)從小黑屋被放出來，才能安全使用這個(gè)變量。

前言

踩著前人的肩膀，努力前行。參考了很多前人的文章。

1.變量聲明const和let

es6之前聲明變量只能用var，var的特點(diǎn)是無論聲明在何處，都會(huì)被視為聲明在函數(shù)的最頂部(不在函數(shù)內(nèi)即在全局作用域的最頂部)

function test(){
    if(false){
        var name = "zhangsan";
    }else{
        console.log(name);  //此處訪問值為undefined    
    }
    console.log(name);  //此處訪問值為undefined
}

可以看到雖然打印結(jié)果是undefined，但是并沒有報(bào)錯(cuò)。那是因?yàn)楸籮s編譯過結(jié)果就變成了

function test(){
    var name;   //這就是js的變量提升
    if(false){
        name = "zhangsan";
    }else{
        console.log(name);  //此處訪問值為undefined    
    }
    console.log(name);  //此處訪問值為undefined
}

再來看ES6新增的let，const。它們的作用域只在一個(gè)函數(shù)內(nèi)部或者一個(gè)代碼塊內(nèi)部。

  function test() {
    if(flag) {
       let name = "zhangsan"
    } else {
        //此處訪問會(huì)直接報(bào)錯(cuò)。訪問不到。
        console.log(test)
    }
  }

const作用域和let一樣。但是他通常被用于定義常量。就是它的值被設(shè)置完成后就不能再修改了。

    const name = "lux"
    name = "joe" // 再次賦值此時(shí)會(huì)報(bào)錯(cuò)

但是，如果 const 的是一個(gè)對(duì)象，對(duì)象所包含的值是可以被修改的。抽象一點(diǎn)兒說，就是對(duì)象所指向的地址不能改變，而變量成員是可以修改的。

    const student = { name: "cc" }
    // 可以成功
    student.name = "yy"；
    // 如果這樣子就會(huì)報(bào)錯(cuò)了
    student  = { name: "yy" }；

還有TDZ(暫時(shí)性死區(qū))

{
    console.log(value) // 報(bào)錯(cuò)
    let value = "lala"
}

我們都知道，JS引擎掃描代碼時(shí)，如果發(fā)現(xiàn)變量聲明，用 var 聲明變量時(shí)會(huì)將聲明提升到函數(shù)或全局作用域的頂部。但是 let 或者 const，會(huì)將聲明關(guān)進(jìn)一個(gè)小黑屋也是TDZ(暫時(shí)性死區(qū))，只有執(zhí)行到變量聲明這句語句時(shí)，變量才會(huì)從小黑屋被放出來，才能安全使用這個(gè)變量。

2.未完待續(xù)

本文基本是參考https://www.jianshu.com/p/287...。原文說的更仔細(xì)，有更多的內(nèi)容。