在ES5中，頂層對(duì)象得屬性和全局變量是等價(jià)得，用var聲明得變量既是全局變量，也是頂層變量
注意：頂層對(duì)象，在瀏覽器環(huán)境指得是window對(duì)象，在 Node 指得是global對(duì)象
var a = 10;console.log(window.a) // 10
使用var聲明得變量存在變量提升得情況
console.log(a) // undefinedvar a = 20
在編譯階段，編譯器會(huì)將其變成以下執(zhí)行
var aconsole.log(a)a = 20
使用var，我們能夠?qū)σ粋€(gè)變量進(jìn)行多次聲明，后面聲明得變量會(huì)覆蓋前面得變量聲明
var a = 20 var a = 30console.log(a) // 30
在函數(shù)中使用使用var聲明變量時(shí)候，該變量是局部得
var a = 20function change(){ var a = 30}change()console.log(a) // 20
而如果在函數(shù)內(nèi)不使用var，該變量是全局得
var a = 20function change(){ a = 30}change()console.log(a) // 30 let
let是ES6新增得命令，用來(lái)聲明變量
用法類似于var，但是所聲明得變量，只在let命令所在得代碼塊內(nèi)有效
{ let a = 20}console.log(a) // ReferenceError: a is not defined.
不存在變量提升
console.log(a) // 報(bào)錯(cuò)ReferenceErrorlet a = 2
這表示在聲明它之前，變量a是不存在得，這時(shí)如果用到它，就會(huì)拋出一個(gè)錯(cuò)誤
只要塊級(jí)作用域內(nèi)存在let命令，這個(gè)區(qū)域就不再受外部影響
var a = 123if (true) { a = 'abc' // ReferenceError let a;}
使用let聲明變量前，該變量都不可用，也就是大家常說(shuō)得“暫時(shí)性死區(qū)”
最后，let不允許在相同作用域中重復(fù)聲明
let a = 20let a = 30// Uncaught SyntaxError: Identifier 'a' has already been declared
注意得是相同作用域，下面這種情況是不會(huì)報(bào)錯(cuò)得
let a = 20{ let a = 30}
因此，我們不能在函數(shù)內(nèi)部重新聲明參數(shù)
function func(arg) { let arg;}func()// Uncaught SyntaxError: Identifier 'arg' has already been declaredconst
const聲明一個(gè)只讀得常量，一旦聲明，常量得值就不能改變
const a = 1a = 3// TypeError: Assignment to constant variable.
這意味著，const一旦聲明變量，就必須立即初始化，不能留到以后賦值
const a;// SyntaxError: Missing initializer in const declaration
如果之前用var或let聲明過(guò)變量，再用const聲明同樣會(huì)報(bào)錯(cuò)
var a = 20let b = 20const a = 30const b = 30// 都會(huì)報(bào)錯(cuò)
const實(shí)際上保證得并不是變量得值不得改動(dòng)，而是變量指向得那個(gè)內(nèi)存地址所保存得數(shù)據(jù)不得改動(dòng)
對(duì)于簡(jiǎn)單類型得數(shù)據(jù)，值就保存在變量指向得那個(gè)內(nèi)存地址，因此等同于常量
對(duì)于復(fù)雜類型得數(shù)據(jù)，變量指向得內(nèi)存地址，保存得只是一個(gè)指向?qū)嶋H數(shù)據(jù)得指針，const只能保證這個(gè)指針是固定得，并不能確保改變量得結(jié)構(gòu)不變
const foo = {};// 為 foo 添加一個(gè)屬性，可以成功foo.prop = 123;foo.prop // 123// 將 foo 指向另一個(gè)對(duì)象，就會(huì)報(bào)錯(cuò)foo = {}; // TypeError: "foo" is read-only
其它情況，const與let一致
區(qū)別var、let、const三者區(qū)別可以圍繞下面五點(diǎn)展開(kāi)：
變量提升暫時(shí)性死區(qū)塊級(jí)作用域重復(fù)聲明修改聲明得變量使用變量提升var 聲明得變量存在變量提升，即變量可以在聲明之前調(diào)用，值為undefined
let和const不存在變量提升，即它們所聲明得變量一定要在聲明后使用，否則報(bào)錯(cuò)
// varconsole.log(a) // undefinedvar a = 10// let console.log(b) // Cannot access 'b' before initializationlet b = 10// constconsole.log(c) // Cannot access 'c' before initializationconst c = 10暫時(shí)性死區(qū)
var不存在暫時(shí)性死區(qū)
let和const存在暫時(shí)性死區(qū)，只有等到聲明變量得那一行代碼出現(xiàn)，才可以獲取和使用該變量
// varconsole.log(a) // undefinedvar a = 10// letconsole.log(b) // Cannot access 'b' before initializationlet b = 10// constconsole.log(c) // Cannot access 'c' before initializationconst c = 10塊級(jí)作用域
var不存在塊級(jí)作用域
let和const存在塊級(jí)作用域
// var{ var a = 20}console.log(a) // 20// let{ let b = 20}console.log(b) // Uncaught ReferenceError: b is not defined// const{ const c = 20}console.log(c) // Uncaught ReferenceError: c is not defined重復(fù)聲明
var允許重復(fù)聲明變量
let和const在同一作用域不允許重復(fù)聲明變量
// varvar a = 10var a = 20 // 20// letlet b = 10let b = 20 // Identifier 'b' has already been declared// constconst c = 10const c = 20 // Identifier 'c' has already been declared修改聲明得變量
var和let可以
const聲明一個(gè)只讀得常量。一旦聲明，常量得值就不能改變
// varvar a = 10a = 20console.log(a) // 20//letlet b = 10b = 20console.log(b) // 20// constconst c = 10c = 20console.log(c) // Uncaught TypeError: Assignment to constant variable使用
能用const得情況盡量使用const，其他情況下大多數(shù)使用let，避免使用var
