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