在進(jìn)行web前端開發(fā)的時(shí)候，我們經(jīng)常會(huì)遇到變量提升的情況，那么JS在解析變量的時(shí)候是如何做到提升的呢？今天小千就來(lái)帶大家了解一下。

      首先在JS中涉及兩種作用域的問(wèn)題，那么什么是作用域呢？

      作用域是代碼中所使用名字的作用范圍，分為Script全局作用域和函數(shù)局部作用域。 當(dāng)瀏覽器在解析網(wǎng)頁(yè)內(nèi)容時(shí)，會(huì)分別啟動(dòng)不同的解析器來(lái)解釋代碼的含義，如解析標(biāo)簽（超文本）的解析器、解析CSS樣式的解析器，解析javascript腳本的解析器。且解析過(guò)程為同步（按順序）解析。所以當(dāng)瀏覽器解析到script標(biāo)簽時(shí)，會(huì)停止對(duì)html和css的解析，同時(shí)啟動(dòng)javascript的解析器。而在解析javascript的過(guò)程中我們主要關(guān)注解析器中的兩個(gè)步驟：

      1.預(yù)解析，即在當(dāng)前作用范圍中去尋找var、function、形參這三個(gè)內(nèi)容。

      如果找到var關(guān)鍵字、則提取var后面的名字放到當(dāng)前作用域中，且默認(rèn)給這個(gè)變量初始化一個(gè)值為undefined。

      如果找到function關(guān)鍵字，則提取函數(shù)名放到當(dāng)前作用域中，且將整個(gè)函數(shù)塊賦值給函數(shù)名。

      如果找到形參，則將形參名放到當(dāng)前作用域中，且默認(rèn)初始化為undefined。這個(gè)過(guò)程也稱為變量提升。

      2.逐行解讀代碼（即從上到下依次執(zhí)行每一條語(yǔ)句）且分為兩個(gè)步驟：執(zhí)行表達(dá)式和函數(shù)調(diào)用。

web前端培訓(xùn)" />

      當(dāng)變量名與函數(shù)名相同時(shí)：

      當(dāng)有多個(gè)script標(biāo)簽時(shí)： - 多個(gè)script標(biāo)簽時(shí)，從上到下依次解析script作用域，所以建議將所有聲明的語(yǔ)句放到第一個(gè)script中。

      以上就是web前端JS變量提升的介紹了，最后歡迎對(duì)web前端開發(fā)感興趣的同學(xué)來(lái)到千鋒大前端培訓(xùn)班參加我們的前端培訓(xùn)課程學(xué)習(xí)，現(xiàn)在咨詢不僅有兩周的免費(fèi)試聽，更有免費(fèi)學(xué)習(xí)資料和教程視頻可以領(lǐng)取，趕緊去找在線老師了解一下吧。

      千鋒web前端培訓(xùn)班：http://www.e7g2kmi.cn/page/html5.html