JS變量提升及函數(shù)提升實(shí)例解析
1在js中只有兩種作用域
a:全局作用域
b:函數(shù)作用域
在ES6之前,js是沒有塊級作用域。
首先來解釋一下什么是沒有塊級作用域?

所以此時 是可以打印輸出變量a的值。
2:什么是變量提升?
在我們的js中,代碼的執(zhí)行時分兩步走的,1、預(yù)解析 2、一步一步執(zhí)行
在預(yù)解析階段:首先會在全局作用域內(nèi),js解析器會找所有的 var 、function 、參數(shù),并提前到當(dāng)前作用域的最頂上去(變量的賦值操作不會提前,還在原來的地方),此時并沒有執(zhí)行代碼。
然后再開始一行一行執(zhí)行代碼。遇到了函數(shù)調(diào)用,于是進(jìn)入到函數(shù)作用域內(nèi),又開始分兩步驟走,1、預(yù)解析 2、一步一步執(zhí)行。以此類推。
那么變量提升就是變量聲明會被提升到作用域的最頂上去,也就是該變量不管是在作用域的哪個地方聲明的,都會提升到作作用域的最頂上去。
即變量可以在聲明之前使用,值為undefined。

那么上面這種寫法其實(shí)等價于下面這種寫法:

看幾個例子:

把上面的例子稍作改動:
結(jié)果就會大不一樣,

再看一個例子:

3:什么是函數(shù)提升?

輸出的結(jié)果是:

注意:函數(shù)聲明式,會將函數(shù)的聲明和定義一起提升到作用域的最頂上去。
如果是這種寫法:函數(shù)表達(dá)式聲明的函數(shù)

例子:

輸出的結(jié)果是:

最后的總結(jié):
1:所有的聲明都會提升到作用域的最頂上去。
2:同一個變量只會聲明一次,其他的會被忽略掉。
3:函數(shù)聲明的優(yōu)先級高于變量申明的優(yōu)先級,并且函數(shù)聲明和函數(shù)定義的部分一起被提升。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 理解PHP5中static和const關(guān)鍵字2. Android table布局開發(fā)實(shí)現(xiàn)簡單計算器3. jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼4. IntelliJ IDEA安裝插件的方法步驟5. php模擬實(shí)現(xiàn)斗地主發(fā)牌6. vue 使用localstorage實(shí)現(xiàn)面包屑的操作7. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)8. Python random庫使用方法及異常處理方案9. .Net Core使用Coravel實(shí)現(xiàn)任務(wù)調(diào)度的完整步驟10. Vuex localStorage的具體使用

網(wǎng)公網(wǎng)安備