JavaScript變量聲明詳解_javascript技巧

JavaScript有隱含的全局概念，意味著你不聲明的任何變量都會成為一個全局對象屬性。例如：

代碼如下:
function test(){
myname = "huming";
alert(myname);
}
test();　　// "huming"
alert(myname);　　//"huming"

兩個結果是一樣的，說明myname是一個全局變量。

那么，隱式全局變量和明確定義的全局變量有沒有區(qū)別呢。答案肯定是有的，看下面的例子：

代碼如下:
// 定義三個全局變量
var global_test1 = 1;
global_test2 = 2; // 反面教材
(function () {
global_test3 = 3; // 反面教材
}());
// 試圖刪除
delete global_test1; // false
delete global_test2; // true
delete global_test3; // true
// 測試該刪除
alert(typeof global_test1); // "number"
alert(typeof global_test2); // "undefined"
alert(typeof global_test3); // "undefined"

由上面的例子可以看出：在函數(shù)之外通過var定義的global_test1不能被刪除，而沒有經(jīng)過var定義的global_test2和global_test3都被刪除了（無論是否是在函數(shù)體內(nèi)創(chuàng)建）。

總結來說，在函數(shù)體外通過var聲明的全局變量不能被刪除，而隱式全局變量是可以刪除的。

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

我們通過一個例子來說明：

代碼如下:
var myname = "huming"; //聲明全局變量
function test() {
alert(myname);
var myname = "local_huming";
alert(myname);
}
test();

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

上面的例子等同于

代碼如下:
var myname = "huming"; //聲明全局變量
function test() {
　　var myname;
　　alert(maname);
　　myname = "local_huming";
　　alert(myname); // "local"
}
test();

第一次alert輸出的myname并不是你以為的全局變量，而是和它在一個作用域（一個函數(shù)體）內(nèi)的局部變量。雖然它還沒有被聲明，但被當作是聲明了。這就是所謂的“hoisting”。

這樣應該就明白了吧。當你在函數(shù)體中使用了一個變量，又在之后重新聲明的話，就可能產(chǎn)生錯誤。

書寫規(guī)范：

代碼如下:
function test() {
var a = 1,
b = 2,
c = a + b,
d = {},
e,
f;
// function body...
}

好處在于：

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

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

小伙伴們是否了解了javascript的變量聲明了呢，以上內(nèi)容很詳細也很易懂，最后的總結也很中肯，小伙伴們不要錯過。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com