淺析JavaScript宣告變數_javascript技巧

JavaScript的變數宣告語句無論出現在何處，都會先於其他程式碼先被執行。使用var關鍵字宣告變數的作用域是當前的執行上下文，有可能是外圍函數，或者，當變數宣告在函數體之外時，則為全域變數。

定義在函數體外的都屬於全域變量，定義在函數體內的屬於局部變數。這裡的定義是指透過var聲明的。

JavaScript有隱含的全域概念，表示你不宣告的任何變數都會成為一個全域物件屬性。例如：

function test(){
myname = "huming";
alert(myname);
}
test();　　// "huming"
alert(myname);　　//"huming" 

兩個結果是一樣的，說明myname是一個全域變數。

那麼，隱式全域變數和明確定義的全域變數有沒有差別呢。 。答案一定是有的，看下面的例子：

// 定义三个全局变量
var global_test = ;
global_test = ; // 反面教材
(function () {
global_test = ; // 反面教材
}());
// 试图删除
delete global_test; // false
delete global_test; // true
delete global_test; // true
// 测试该删除
alert(typeof global_test); // "number"
alert(typeof global_test); // "undefined"
alert(typeof global_test); // "undefined" 

由上面的例子可以看出：在函數之外透過var定義的global_test1不能被刪除，而沒有經過var定義的global_test2和global_test3都被刪除了（無論是否是在函數體內建立）。

總結來說，在函數體外透過var宣告的全域變數不能被刪除，而隱式全域變數是可以刪除的。

這裡要注意了：JavaScript有一種行為叫做「hoisting」（懸置/置頂解析/預解析）。

我們用一個例子來說明：

var myname = "huming"; //声明全局变量
function test() {
alert(myname);
var myname = "local_huming";
alert(myname);
}
test();

你猜兩次alert的內容一致嗎？ ？顯然不一致，一致還用說嗎。 。實際輸出為："undefined", "local_huming"。

上面的例子等同於

var myname = "huming"; //声明全局变量
function test() {
　　var myname;
　　alert(maname);<br>　　myname = "local_huming";
　　alert(myname); // "local"
}
test(); 

第一次alert輸出的myname並不是你以為的全域變量，而是和它在一個作用域（一個函數體）內的局部變數。雖然它還沒有被聲明，但被當作是聲明了。這就是所謂的「hoisting」。

這樣應該就明白了吧。當你在函數體中使用了一個變量，又在之後重新宣告的話，就可能產生錯誤。

書寫規範：

function test() {
var a = ,
b = ,
c = a + b,
d = {},
e,
f;
// function body...
}

好處在於：

1、所有局部變數都定義在函數開始，方便查找；

2、防止變數在定義前所使用的邏輯錯誤。

在javascript中，一個變數名稱(name)有四種方式進入作用域(scope)中

語言內置，所有的作用域都有this和arguments關鍵字

形式參數，函數的參數在整個作用域中都是有效的

函數宣告

變數宣告

上面列出的四種順序也正是由高到底的優先權的順序，一旦一個變數名稱已經宣告了，那麼它就不可能被其他較低優先權的變數宣告形式所覆蓋。