JavaScript變數宣告詳解

NO IMAGE

定義在函式體外的都屬於全域性變數,定義在函式體內的屬於區域性變數。這裡的定義是指通過var宣告的。

JavaScript有隱含的全域性概念,意味著你不宣告的任何變數都會成為一個全域性物件屬性。例如:

複製程式碼 程式碼如下:
function test(){
    myname = “huming”;
    alert(myname);
}
test();  // “huming”
alert(myname);  //”huming”

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

那麼,隱式全域性變數和明確定義的全域性變數有沒有區別呢。。答案肯定是有的,看下面的例子:

複製程式碼 程式碼如下:
// 定義三個全域性變數
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”

 由上面的例子可以看出:在函式之外通過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 = 1,
       b = 2,
       c = a b,
       d = {},
       e,
       f;
   // function body…
}

 

好處在於:

1、所有區域性變數都定義在函式開始,方便查詢;

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

小夥伴們是否瞭解了javascript的變數宣告瞭呢,以上內容很詳細也很易懂,最後的總結也很中肯,小夥伴們不要錯過。

您可能感興趣的文章:

基於JavaScript 宣告全域性變數的三種方式詳解JavaScript中變數宣告有var和沒var的區別示例介紹簡單掌握JavaScript中const宣告常量與變數的用法JS宣告變數背後的編譯原理剖析jsp中變數及方法的宣告與使用Javascript var變數隱式宣告方法關於JavaScript中var宣告變數作用域的推斷js 宣告陣列和向陣列中新增物件變數的簡單例項淺談JavaScript中定義變數時有無var宣告的區別Javascript同時宣告一連串(多個)變數的方法