let命名

1. 所聲明的變量只在命令所在的代碼塊內(nèi)有效

{
    let a = 1;
    var b = 2;
    console.log(a) //  1
    console.log(b) //  2
}
console.log(a) //  a is not defined
console.log(b) //  2

2. 使用let聲明的命令變量在域解析的時候不會被提升

{
    console.log(b);  // b is not defined
    let b = 2;
}

{
    let f = 10;
    function fn(){
        f = 7;
        let f = 2;  //  暫時性死區(qū)
    }
    fn();
}

3. let不允許在同一個作用域下聲明已經(jīng)存在的變量

{
    let a = 1;
    let a = 2;  //報錯 'a' has already been declared
}

4. let在循環(huán)中應用

for ( let i = 0; i < btns.length; i++){
    btns[i].onclick = function(){
        console.log(i)  //0,1,2,3,4....
        //在這里，let與var的區(qū)別是：let只是在循環(huán)之中的，而var在整個函數(shù)之中
    }
}
console.log(i)   // i is not defined

var a = [];
for ( var i = 0 ; i< 10 ; i ++){
    a[i] = function(){
        console.log(i)
    }
}
a[6]();  // 10

var b = [];
for ( let i = 0; i < 10; i ++){
    b[i] = function(){
        console.log(i)
    }
}
b[6]();   // 6

5. 暫時性死區(qū) 使用let命令聲明變量之前，該變量不能使用

var tmp = 123;
if ( true){
    tmp = 'abc';   // tmp is not defined   
    let tmp;       // 在這個代碼塊中定義了tmp
}

let tmp2 = 123;
if (true){
    tmp2 = 'abc';
    console.log(tmp2)
}
console.log(tmp2)

塊級作用域

1. 為什么需要塊級作用域

   • 內(nèi)層變量可能會覆蓋外層變量

   var tmp = new Date();
   function f(){
       console.log(tmp);
       if (false){
           var tmp = "hello"   
       }
   }
   f();    //  undefined
   

   • 用來計數(shù)的循環(huán)變量泄露為全局變量

2. ES6 的塊級作用域

   • 外層作用塊不受內(nèi)層作用塊的影響

   function f(){
       let n = 5;
       if ( true){
           n = 10
       }
       console.lo(n)    //  5   外層作用塊不受內(nèi)層作用塊的影響
   }
   

   • 外層作用域無法訪問內(nèi)層作用域的變量

   {let now = '1213'}
   console.log(now)   // now is not defined
   

   • 內(nèi)層作用域可以定義外層作用域相同的變量

   {{
       let name = 'dan'
       {
           let name = 'xxi'
       }
   }}
   

   • 立即執(zhí)行的匿名函數(shù)（IIFE）不再有必要

   /*(function(){
       console.log('asdklfj');
       document.body.backgroundColor = '#f5f5f5';
   })()*/
   
   {
       console.log('jaflkajsd');
   }
   

   • 內(nèi)部聲明的函數(shù)不會影響到外部聲明

   {
       let a = 'secret';
       function f(){
           return a
       }
   }
   f()    //報錯
   
   let f;
   let b = 'bbb'
   {
       let a = 'dan';
       f = function(){
           return a;
       }
       console.log(b);    //  內(nèi)層作用塊還是可以拿到外層作用塊的內(nèi)容
   }
   console.log(f());
   

const命名

1. const 聲明的變量一旦聲明，其值就不能發(fā)生改變，一旦聲明常量，就必須初始化，不能留到以后賦值

const PI = 3.1415;
PI = 3;    // 報錯

2. 聲明的常量只在其所在的代碼塊內(nèi)有效，

3. 聲明的常量不會被提升，同樣有暫時性死區(qū)，只能在聲明后使用

4. 不能聲明已經(jīng)聲明過的常量或者變量

注：

1. 聲明的時候必須賦值
2. 聲明的常量儲存簡單的數(shù)據(jù)類型是不可改變其值，如果儲存的是對象，那么引用不可改變，至于對象里數(shù)據(jù)怎么改變是沒有關系的

const obj = { a: 10};
obj.a = 20;
console.log(obj) // {a: 20}

const a = [];
a.push('hello');  // 可以執(zhí)行
a.length = 0;    // 可以執(zhí)行
a = ["dan"]      // 報錯

3. 如果想將對象凍結，使用Object.freeze({});

const foo = Object.freeze({});
foo.prop = 123; // 不起作用
console.log(foo.prop)   // undefined


var constantize = (obj) => {
    Object.freeze(obj);
    Object.keys(obj).forEach((key,value) => {
        if ( typeof obj[key] === 'object'){
            constantize(obj[key])
        }
    })
}