在進行web前端開發(fā)的時候,我們經(jīng)常會遇到變量提升的情況,那么JS在解析變量的時候是如何做到提升的呢?今天小千就來帶大家了解一下。
首先在JS中涉及兩種作用域的問題,那么什么是作用域呢?
作用域是代碼中所使用名字的作用范圍,分為Script全局作用域和函數(shù)局部作用域。 當(dāng)瀏覽器在解析網(wǎng)頁內(nèi)容時,會分別啟動不同的解析器來解釋代碼的含義,如解析標(biāo)簽(超文本)的解析器、解析CSS樣式的解析器,解析javascript腳本的解析器。且解析過程為同步(按順序)解析。所以當(dāng)瀏覽器解析到script標(biāo)簽時,會停止對html和css的解析,同時啟動javascript的解析器。而在解析javascript的過程中我們主要關(guān)注解析器中的兩個步驟:
1.預(yù)解析,即在當(dāng)前作用范圍中去尋找var、function、形參這三個內(nèi)容。
如果找到var關(guān)鍵字、則提取var后面的名字放到當(dāng)前作用域中,且默認給這個變量初始化一個值為undefined。
如果找到function關(guān)鍵字,則提取函數(shù)名放到當(dāng)前作用域中,且將整個函數(shù)塊賦值給函數(shù)名。
如果找到形參,則將形參名放到當(dāng)前作用域中,且默認初始化為undefined。這個過程也稱為變量提升。
2.逐行解讀代碼(即從上到下依次執(zhí)行每一條語句)且分為兩個步驟:執(zhí)行表達式和函數(shù)調(diào)用。
web前端培訓(xùn)" />
當(dāng)變量名與函數(shù)名相同時:
當(dāng)有多個script標(biāo)簽時: - 多個script標(biāo)簽時,從上到下依次解析script作用域,所以建議將所有聲明的語句放到第一個script中。
以上就是web前端JS變量提升的介紹了,最后歡迎對web前端開發(fā)感興趣的同學(xué)來到千鋒大前端培訓(xùn)班參加我們的前端培訓(xùn)課程學(xué)習(xí),現(xiàn)在咨詢不僅有兩周的免費試聽,更有免費學(xué)習(xí)資料和教程視頻可以領(lǐng)取,趕緊去找在線老師了解一下吧。
千鋒web前端培訓(xùn)班:http://m.madgrindclothing.com/page/html5.html