javascript中局部變數和全域變數的差異詳解_javascript技巧

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還沒有被賦值，所以不會輸出任何結果。
 
為了方便大家更好的理解，這裡再舉一個例子：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
 i = 'guanxi';
}
myloveName();
function myName() {
 alert(i);
}
myName();

這次的結果是什麼呢？
答案是guanxi
首先，i的原始值是yuanjianhang，但當呼叫myloveName()函數之後，將i的值改為guanxi，所以最後的輸出結果是guanxi。

如果將程式碼改為：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
 var i = 'guanxi';
}
myloveName();
function myName() {
 alert(i);
}
myName();

此時的結果就是yuanjianhang了，因為程式碼中的兩個i不一樣，一個是全局的，一個是局部的，也可以這樣理解，雖然兩個i的名字一樣，但是這兩個i的本質卻不一樣，好像有兩個名字一樣的人一樣，雖然名字一樣，卻不是同一個人。

如果將程式碼改造成這樣：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
 i = 'guanxi';
}
function myName() {
 alert(i);
}
myName();
myloveName();

相信大家可以自己算出結果了，結果是yuanjianhang。

既然函數內部可以呼叫全域變量，那麼下面這種情況呢：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
  i = 'guanxi';
 alert(i);
}
myloveName();

此時變數的值是哪一個呢？

我們來分析下：

首先全域變數i被賦值為：yuanjianhang。

接下來myloveName()函數被調用，全域變數i被重新賦予新的值：guanxi

所以結果一定是:guanxi。

如果我們把alert提前呢，像這樣：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
  alert(i);
 i = 'guanxi';
}
myloveName();

這時候結果是什麼呢？
經過驗證結果是：undefined
如果程式碼是這樣呢:

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
  alert(i);
}
myloveName();

此時i的結果是：yuanjianhang

為什麼會發生上面undefined情況，因為程式碼的執行順序是從上到下的，在輸出i之前並沒有對i定義。所以從這裡可以看出，使用程式碼的時候，變數的宣告一定要放到程式碼的前面，以避免出現類似的問題！

同理：

複製程式碼 程式碼如下:

var i = 'yuanjianhang';
function myloveName() {
 alert(i);
 var i = 'guanxi';
 
}
myloveName();

這種情況下也會輸出：undefined

好了，關於變數我只有這麼多的介紹了，相信這些任何人都可以看明白。不管程式碼如何複製，其核心是不會變的。

以上就是本文的全部內容了，小夥伴們對於javascript中局部變數和全局變數的區別是否有了更深刻的認識了呢，祝大家新年快樂~學習愉快。