天天看點

ES6 從入門到精通 # 02:let 和 const 指令

說明

ES6 從入門到精通系列(全23講)學習筆記。

let

1、let 聲明變量,沒有變量提升

console.log(kaimo);
let kaimo = 10;      
ES6 從入門到精通 # 02:let 和 const 指令

2、是一個塊作用域

console.log(kaimo)
if(true) {
    let kaimo = 666;
}      
ES6 從入門到精通 # 02:let 和 const 指令

3、不能重複聲明

let kaimo = 666;
let kaimo = 777;      
ES6 從入門到精通 # 02:let 和 const 指令

const

const 除了 let 的三個特性,還有下面的特性:

1、聲明常量,一旦被聲明,無法修改

const kaimo = 666;
kaimo = 777;      
ES6 從入門到精通 # 02:let 和 const 指令

2、可以聲明對象,并能修改對象裡面的屬性值

const kai = {
    mo: 666
};
kai.mo = 777;      
ES6 從入門到精通 # 02:let 和 const 指令

數組也可以修改元素的值:

const a = [1,2,3];
a[0] = 4      
ES6 從入門到精通 # 02:let 和 const 指令

作用

作用1、解決 for 變量提升的問題

var arr = [];
for(var i = 0; i < 10; i++) {
    arr[i] = function() {
        return i;
    }
}
arr[6]();      
ES6 從入門到精通 # 02:let 和 const 指令

使用 let 跟 const 修改:

const arr = [];
for(let i = 0; i < 10; i++) {
    arr[i] = function() {
        return i;
    }
}
arr[6]();      
ES6 從入門到精通 # 02:let 和 const 指令

作用2:不會污染全局變量

let RegExp = 10;
console.log(RegExp);
console.log(window.RegExp);      

繼續閱讀