純干貨 js變量和函數(shù)提升動畫詳解 作用域以及var和let區(qū)別

Var的聲明提升機(jī)制
js變量提升機(jī)制中,var聲明會被提升到函數(shù)頭部,但是賦值不會提升。原因如下:
- var聲明相當(dāng)于給變量開辟內(nèi)存空間,但不會分配具體值。
- 只有變量聲明會被提升,但賦值語句執(zhí)行需要按代碼順序從上到下進(jìn)行。
- 如var a=10,變量a空間已開辟但未分配值10,此時a的值為undefined。
- 如果在聲明前訪問a變量,會得到undefined不是報錯。
- 等到代碼真正執(zhí)行var a=10這步時,變量a才會被賦上具體值10。
所以簡單來說:var只聲明空間,沒有具體數(shù)值,無法“提升賦值”。賦值需要按序執(zhí)行,與聲明階段相分離。

函數(shù)也存在提升現(xiàn)象,值就是函數(shù)體本身。這也解釋了為什么在定義函數(shù)前就可以提前調(diào)用。

與function聲明的函數(shù)不同,函數(shù)表達(dá)式遵循的是變量提升規(guī)則。通過賦值后才可調(diào)用。(與上述var a=1 提升為 var a 一樣,這里的變量只不過是一個函數(shù),var f=表達(dá)式 提升為 var f ,聲明了f,但是卻沒有賦值,這里就是沒有賦予函數(shù)表達(dá)式。)

————————————————————
什么是函數(shù)表達(dá)式?
函數(shù)表達(dá)式是使用變量接受一個函數(shù)體的語法形式。函數(shù)表達(dá)式將函數(shù)定義包裝在一個變量賦值語句中,可以讓函數(shù)可以作為值來使用,如進(jìn)行賦值、傳參等操作。
它與函數(shù)聲明的主要區(qū)別在于:
函數(shù)聲明:
function foo() {
// function body
}
使用function關(guān)鍵字聲明,函數(shù)名為foo。整體聲明會提升
————————————————————
函數(shù)表達(dá)式:
var/let foo = function() {
// function body
}
使用變量接收一個匿名函數(shù),變量foo作為函數(shù)名,只有變量名foo會提升,函數(shù)體不會提升
————————————————————
在相同作用域內(nèi),如果變量名和函數(shù)名重復(fù),函數(shù)名優(yōu)先。

————————————————————
作用域
var 和let 都可以先聲明再賦值,但是const必須在聲明的時候就賦值。但是let和const在聲明前變量都是不可訪問狀態(tài),理解為不會提升即可。