JS變量提升及函數(shù)提升實(shí)例解析
1在js中只有兩種作用域
a:全局作用域
b:函數(shù)作用域
在ES6之前,js是沒有塊級作用域。
首先來解釋一下什么是沒有塊級作用域?
所以此時(shí) 是可以打印輸出變量a的值。
2:什么是變量提升?
在我們的js中,代碼的執(zhí)行時(shí)分兩步走的,1、預(yù)解析 2、一步一步執(zhí)行
在預(yù)解析階段:首先會在全局作用域內(nèi),js解析器會找所有的 var 、function 、參數(shù),并提前到當(dāng)前作用域的最頂上去(變量的賦值操作不會提前,還在原來的地方),此時(shí)并沒有執(zhí)行代碼。
然后再開始一行一行執(zhí)行代碼。遇到了函數(shù)調(diào)用,于是進(jìn)入到函數(shù)作用域內(nèi),又開始分兩步驟走,1、預(yù)解析 2、一步一步執(zhí)行。以此類推。
那么變量提升就是變量聲明會被提升到作用域的最頂上去,也就是該變量不管是在作用域的哪個(gè)地方聲明的,都會提升到作作用域的最頂上去。
即變量可以在聲明之前使用,值為undefined。
那么上面這種寫法其實(shí)等價(jià)于下面這種寫法:
看幾個(gè)例子:
把上面的例子稍作改動:
結(jié)果就會大不一樣,
再看一個(gè)例子:
3:什么是函數(shù)提升?
輸出的結(jié)果是:
注意:函數(shù)聲明式,會將函數(shù)的聲明和定義一起提升到作用域的最頂上去。
如果是這種寫法:函數(shù)表達(dá)式聲明的函數(shù)
例子:
輸出的結(jié)果是:
最后的總結(jié):
1:所有的聲明都會提升到作用域的最頂上去。
2:同一個(gè)變量只會聲明一次,其他的會被忽略掉。
3:函數(shù)聲明的優(yōu)先級高于變量申明的優(yōu)先級,并且函數(shù)聲明和函數(shù)定義的部分一起被提升。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Android打包篇:Android Studio將代碼打包成jar包教程2. Python使用urlretrieve實(shí)現(xiàn)直接遠(yuǎn)程下載圖片的示例代碼3. 完美解決vue 中多個(gè)echarts圖表自適應(yīng)的問題4. SpringBoot+TestNG單元測試的實(shí)現(xiàn)5. vue實(shí)現(xiàn)web在線聊天功能6. 解決Android Studio 格式化 Format代碼快捷鍵問題7. 基于vue 動態(tài)菜單 刷新空白問題的解決8. JavaEE SpringMyBatis是什么? 它和Hibernate的區(qū)別及如何配置MyBatis9. Java使用Tesseract-Ocr識別數(shù)字10. Springboot 全局日期格式化處理的實(shí)現(xiàn)
