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

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

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

看幾個(gè)例子:

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

再看一個(gè)例子:

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

輸出的結(jié)果是:

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

例子:

輸出的結(jié)果是:

最后的總結(jié):
1:所有的聲明都會(huì)提升到作用域的最頂上去。
2:同一個(gè)變量只會(huì)聲明一次,其他的會(huì)被忽略掉。
3:函數(shù)聲明的優(yōu)先級(jí)高于變量申明的優(yōu)先級(jí),并且函數(shù)聲明和函數(shù)定義的部分一起被提升。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. django queryset相加和篩選教程2. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算3. Java PreparedStatement用法詳解4. 使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶(hù)登錄的步驟5. JS圖片懶加載庫(kù)VueLazyLoad詳解6. Java利用TCP協(xié)議實(shí)現(xiàn)客戶(hù)端與服務(wù)器通信(附通信源碼)7. Java實(shí)現(xiàn)的迷宮游戲8. idea設(shè)置提示不區(qū)分大小寫(xiě)的方法9. Spring如何集成ibatis項(xiàng)目并實(shí)現(xiàn)dao層基類(lèi)封裝10. IDEA 2020.1.2 安裝教程附破解教程詳解

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