淺談JavaScript的全局變量與局部變量
一、JavaScript scope 的劃分標準是function函數(shù)塊,不是以 if、while、for來劃分的
<script> function f1(){ alert("before for scope:"+i); //i未賦值(并不是沒有聲明!使用未聲明變量或函數(shù)會導致致命錯誤從而中斷腳本執(zhí)行) //此時i值為undefined for(var i=0; i<3;i++){ alert("in for scope:"+i);} //i的值是0,1,2 alert(“after for scope:”+1); //i的值是3,此時已經(jīng)在for scope之外,但i的值仍然保留為3 while(true){ var j=1; break;} alert(j); //j的值是1,此時已經(jīng)在while scope之外,但j的值仍然保留為1 if(true){ var k=1; } alert(k); //k的值為1,此時已經(jīng)在if scope之外,但k的值仍保留為1 } f1(); //此時在函數(shù)塊外調(diào)用函數(shù),再次輸出存在于f1這個function scope里的i j k變量 alert(i); //error!!!原因是這里的i未聲明(不是未賦值,區(qū)別f1的第一行輸出),腳本錯誤,程序結束! alert(j); //未執(zhí)行 alert(k); //未執(zhí)行 </script>
二、JavaScript在執(zhí)行之前會對整個腳本文件進行預編譯(對腳本文件的聲明部分做分析,包括局部變量部分),從而確定實變量的作用域。舉個例子在下邊:
<script> var x=1; function f2(){ alert(x); //x的值為undefined!這個x并不是全局變量,因為在function scope已經(jīng)又聲明了一個重名的局部變量,所以全局變量的參數(shù)a被覆蓋了。 說明了JavaScript在執(zhí)行前會進行預編譯,函數(shù)體內(nèi)的x就被指向局部變量,而不是全局變量。此時x只有聲明,沒有賦值,所以為undefined x=3; alert(x); //x值為3.但還是局部變量 var x; //局部變量x在這里聲明 alert(x); //值為3 } f2(); alert(x); //x值為1,并不是在function scope內(nèi),x的值為全局變量的值。 </script>
三、當全局變量跟局部變量重名時,局部變量的scope會覆蓋掉全局變量的scope,當離開局部變量的scope后,又重回到全局變量的scope,而當全局變量遇上局部變量時,
怎樣使用全局變量呢?用window.globalVariableName。
<script> var a=1; function f3(){ alert(window.a); //a位1,這里的a是全局變量 var a=2; alert(a); } f3(); alert(a); </script>
以上這篇淺談JavaScript的全局變量與局部變量就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
由淺入深講解Javascript繼承機制與simple-inheritance源碼分析
Javascript語言對繼承實現(xiàn)的并不好,需要工程師自己去實現(xiàn)一套完整的繼承機制。下面我們由淺入深的系統(tǒng)掌握使用javascript繼承的技巧,對javascript繼承相關知識感興趣的朋友一起看看吧2015-12-12js實現(xiàn)無限層級樹形數(shù)據(jù)結構(創(chuàng)新算法)
這篇文章主要介紹了js實現(xiàn)無限層級樹形數(shù)據(jù)結構,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-02-02JavaScript中的Web worker多線程API研究
這篇文章主要介紹了JavaScript中的Web worker多線程API研究,Web worker是HTML5的API,允許網(wǎng)頁在安全的情況下執(zhí)行多線程代碼,需要的朋友可以參考下2014-12-12webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,,需要的朋友可以參考下2024-01-01