JS變量提升及函數(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。
那么上面這種寫法其實等價于下面這種寫法:
看幾個例子:
把上面的例子稍作改動:
結(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. .NET中l(wèi)ambda表達(dá)式合并問題及解決方法2. JSP數(shù)據(jù)交互實現(xiàn)過程解析3. 淺談python出錯時traceback的解讀4. 利用promise及參數(shù)解構(gòu)封裝ajax請求的方法5. Python importlib動態(tài)導(dǎo)入模塊實現(xiàn)代碼6. python matplotlib:plt.scatter() 大小和顏色參數(shù)詳解7. windows服務(wù)器使用IIS時thinkphp搜索中文無效問題8. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向9. 在Android中使用WebSocket實現(xiàn)消息通信的方法詳解10. Nginx+php配置文件及原理解析
