let&const命令

jeffrey_up 發(fā)布于2019-08-23 14:03 / 3489人閱讀

摘要：命令代碼塊有效不存在變量提升全局同時使用聲明變量不存在變量在父級作用域變量在子級作用域且綁定此作用域，不再受外部影響次暫時性死區(qū)暫時性死區(qū)，解決先定義在使用暫時性死區(qū)未被定義存在，即綁定該作用域，在聲明之前不可用缺少值結(jié)束結(jié)束暫時性死區(qū)命令

let 命令

/*
*  let 代碼塊有效 不存在變量提升
* */

  // let i = "全局";
    var i = "va";//同時使用var let /let let/ 聲明i變量 Identifier "i" has already been declared   /var var不存在

    for(let i = 0; i<3; i++){  //i變量在父級作用域
        console.log(i);//1,2,3
    }

    for(let i = 0; i<3; i++){
        let i = "abc"; // i 變量在子級作用域 且綁定此作用域，不再受外部影響
        console.log(i);//abc 3次
    }
    console.log(i);
    //

暫時性死區(qū)

{
/*
* 暫時性死區(qū)，
* 解決：先定義在使用
*/
// tmp = "TDZ" //ReferenceError: not defined => 暫時性死區(qū)
    // console.log(tmp);   //ReferenceError: not defined => 未被定義
    let tmp ;   // let存在，即綁定該作用域，tmp在let聲明之前不可用
    console.log(tmp); //undefined => 缺少值
    tmp = "TDZ 結(jié)束";
    console.log(tmp); //TDZ 結(jié)束
    // 暫時性死區(qū)  =>
}

typeof命令數(shù)據(jù)類型

{
  console.log(
        typeof (123), //number
        typeof ("123"), //string
        typeof (x), //not defined
        typeof (true),//boolean
        typeof ({}), //object
        typeof (function () { //function
            return 123;
        })
    )
    let x; 
    console.log(typeof (x)) // undefined
    }

{
    /*
    * 塊級作用域內(nèi)聲明函數(shù)，在支持es6的瀏覽器中會報錯
    * 在最頂級作用域中聲明函數(shù)/ 函數(shù)表達式 禁用函數(shù)聲明語句
    * */
        function f() {
            console.log("123");
        }
        (function () {
            if(false){
                function f() {
                    console.log("===========");
                }
                // f();
            };
            console.log(f); //undefined 變量提升
            f();
        })();
    }

const 命令

    {
        /*
         * const 聲明常量 不可變
         * 指向內(nèi)存地址 
         * */
        const ttt = "常量";
        // ttt = "變量";//Assignment to constant variable.
        // console.log(ttt);
        // const obj = {};
        const obj = {}; //同時聲明兩個相同的對象 Identifier "obj" has already been declared
        obj.name = "name";
        console.log(obj);
    }

塊級作用域任意嵌套

{
    /*
* 塊級作用域任意嵌套
*支持es6的瀏覽器，塊級作用域內(nèi)函數(shù)聲明提前
* */
    {
        let abc = "abcd";
        console.log(abc);
        {
            let abc = "12374"
            console.log(abc)
        }
    }
    
    /*
    * es6中聲明變量的六種方法
    * var   let function const class import
    * */
}