JavaScript中如何進(jìn)行變量提升

JavaScript中如何進(jìn)行變量提升，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

變量提升就好比JavaScript引擎用一個(gè)很小的代碼起重機(jī)將所有var聲明和function函數(shù)聲明都舉起到所屬作用域(所謂作用域，指的是可訪問變量和函數(shù)的區(qū)域)的最高處。這句話的意思是：如果在函數(shù)體外定義函數(shù)或使用var聲明變量。則變量和函數(shù)的作用域會(huì)提升到整個(gè)代碼的最高處，此時(shí)任何地方訪問這個(gè)變量和調(diào)用這個(gè)函數(shù)都不會(huì)報(bào)錯(cuò);而在函數(shù)體內(nèi)定義函數(shù)或使用var聲明變量，變量和函數(shù)的作用域則會(huì)提升到整個(gè)函數(shù)的最高處，此時(shí)在函數(shù)體內(nèi)任何地方訪問這個(gè)變量和調(diào)用所定義的函數(shù)都不會(huì)報(bào)錯(cuò)。

示例如下：

console.log("gv1=" + gv); // 在聲明前訪問變量 show(); var gv = "javascript"; console.log("gv2=" + gv); function(){  console.log("lv1= " + lv);  vat lv = "js";  console.log("lv2=" + lv); }

輸出結(jié)果：

gv1 = undefined; lv1 = undefined; lv2 = js; gv2 = javasript;

在上述代碼中，第一行迪馬以及show函數(shù)中的第一行代碼分別是在變量聲明前訪問了gv和lv變量，第二行代碼在函數(shù)定義前，調(diào)用了show函數(shù)。從輸出結(jié)果來看，上述代碼在聲明之前訪問變量以及在定義前調(diào)用函數(shù)完全沒問題，原因是變量提升。

上述代碼在代碼運(yùn)行前，經(jīng)過預(yù)解析處理后的代碼邏輯如下:

var gv; // 變量聲明提升到當(dāng)前作用域的最高處 var show = function show (){  var lv;  console.log("lv1=" + lv);//lv在聲明時(shí)沒有初始化，所以輸出undefined  lv= "js";  console.log("lv2=" + lv); // 變量輸出賦予的值: js } console.log("gv1=" + gv1); // gv在聲明時(shí)沒有初始化，所以輸出undefined gv = "javascript"; console.log("gv2=" + gv);//變量輸出所賦予的值：javascript

由上可見，正是因?yàn)関ar支持變量提升，所以可以在聲明前使用var聲明的變量，而let和const不支持變量提升，所以它們聲明的變量必須先聲明才可以使用。

一般來說，javascript代碼的執(zhí)行包括兩個(gè)過程：預(yù)解析處理過程和逐行解讀過程。在代碼逐行解讀前，javascript引擎需要進(jìn)行帶的預(yù)解析處理。在預(yù)解析過程中，當(dāng)前作用域中var變量聲明和函數(shù)定義將被提升到作用域的最高處。

看完上述內(nèi)容，你們掌握J(rèn)avaScript中如何進(jìn)行變量提升的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！