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