javascript有兩種變數:局部變數和全域變數。
首先,局部變數是指只能在本變數宣告的函數內部呼叫。全域變數時整個程式碼中都可以呼叫的變數。當然,單單從字面上理解肯定是不清楚的,下面我詳細的介紹下:
大家都知道,變數是需要用var關鍵字聲明的。但是javascript中也可以隱式的使用變量,就是不用聲明,直接使用。而且,千萬注意,javascript把隱式宣告的變數總是當成全域變數來使用的。
例如:
function myName() { i = 'yuanjianhang'; } myName(); function sayName() { alert(i); } sayName();
輸出結果為:yuanjianhang
這表示變數i就是一個全域的變量,如果把上面的程式碼改成如下:
function myName() { var i='yuanjianhang'; } myName(); function sayName() { alert(i); } sayName();
此時,遊覽器將沒有任何輸出結果,因為i 是在函數myName中定義的,所以它只是myName的局部變量,不可能被外部呼叫。
現在再回過頭來看下面的程式碼:
function myName() { i = 'yuanjianhang'; } myName(); function sayName() { alert(i); } sayName();
現在,我們進行一下改動,把myName();去掉,程式碼如下:
function myName() { i = 'yuanjianhang'; } function sayName() { alert(i); } sayName();
#此時,遊覽器也不會有如何反應。因為雖然i是全域變量,但是函數myName()並沒有被調用,所以就等於雖然聲明了i,但是並沒有給i賦予任何的值,所以沒有任何輸出。
同理,如果把上例改成:
function myName() { i = 'yuanjianhang'; } function sayName() { alert(i); } sayName(); myName();
這種情況下還是不會輸出任何結果,javascript程式碼的執行時從上到下的,在sayName()函數被呼叫時會檢查變數i的值,此時函數myName尚未執行,也就是說i還沒有被賦值,所以不會輸出任何結果。
JavaScript scope 的分割標準是function函數區塊,不是以if、while、for來分割的
<script> function f1(){ alert("before for scope:"+i); //i未赋值(并不是没有声明!使用未声明变量或函数会导致致命错误从而中断脚本执行) //此时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,此时已经在for scope之外,但i的值仍然保留为3 while(true){ var j=1; break;} alert(j); //j的值是1,此时已经在while scope之外,但j的值仍然保留为1 if(true){ var k=1; } alert(k); //k的值为1,此时已经在if scope之外,但k的值仍保留为1 } f1(); //此时在函数块外调用函数,再次输出存在于f1这个function scope里的i j k变量 alert(i); //error!!!原因是这里的i未声明(不是未赋值,区别f1的第一行输出),脚本错误,程序结束! alert(j); //未执行 alert(k); //未执行 </script>
JavaScript在執行前會對整個腳本檔案進行預編譯(對腳本檔案的聲明部分做分析,包括局部變數部分),從而確定實變數的作用域。舉例在下邊:
<script> var x=1; function f2(){ alert(x); //x的值为undefined!这个x并不是全局变量,因为在function scope已经又声明了一个重名的局部变量,所以全局变量的参数a被覆盖了。 说明了JavaScript在执行前会进行预编译,函数体内的x就被指向局部变量,而不是全局变量。此时x只有声明,没有赋值,所以为undefined x=3; alert(x); //x值为3.但还是局部变量 var x; //局部变量x在这里声明 alert(x); //值为3 } f2(); alert(x); //x值为1,并不是在function scope内,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中局部變數和全域變數如何使用及它們的差異是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!