JS基礎(chǔ)——變量提升

wangbjun 發(fā)布于2019-08-23 15:23 / 810人閱讀

摘要：變量提升在中，通過(guò)聲明的變量，無(wú)論在何處申明，都會(huì)被視為聲明于所在函數(shù)的頂部如果不在函數(shù)內(nèi)，則視為全局作用域頂部。通常建議變量申明優(yōu)先使用，然后再使用函數(shù)提升函數(shù)聲明會(huì)被提升到當(dāng)前作用域的最前面。

變量提升

在js中，通過(guò)var聲明的變量，無(wú)論在何處申明，都會(huì)被視為聲明于所在函數(shù)的頂部（如果不在函數(shù)內(nèi)，則視為全局作用域頂部）。申明會(huì)提升，初始化不會(huì)提升。
例如：當(dāng)我們多帶帶執(zhí)行console.log(a)時(shí)，代碼會(huì)產(chǎn)生異常，因?yàn)閍沒(méi)有定義。

但是在后面加上var a = 123,執(zhí)行結(jié)果輸出undefined

js執(zhí)行分兩個(gè)步驟：

編譯(詞法解釋/預(yù)解釋)

執(zhí)行

這里起作用的就是變量提升，編譯后的代碼相當(dāng)于

為什么輸出的不是123呢？因?yàn)槌跏蓟粫?huì)提升，所以a = "123" 不會(huì)提升至頂部。
注意的是，這里的聲明都是通過(guò)var申明的。使用let或const聲明的變量，在達(dá)到聲明處之前都是無(wú)法訪問(wèn)的，試圖訪問(wèn)會(huì)導(dǎo)致一個(gè)引用錯(cuò)誤。

let與 const必需先申明再引用，并且只會(huì)作用于當(dāng)前代碼塊內(nèi)部（函數(shù)內(nèi)部、大括號(hào)內(nèi)部、for循環(huán)內(nèi)部）。通常建議變量申明優(yōu)先使用const，然后再使用let

函數(shù)提升

function函數(shù)聲明會(huì)被提升到當(dāng)前作用域 的最前面。例如，在下面例子中test函數(shù)被提升至頂部：

但對(duì)于通過(guò)表達(dá)式申明的函數(shù)不會(huì)提升，如下：

test變量提升了，但初始化不會(huì)提升。

資料：《深入理解ES6》第一章