JavaScript中變數聲明有var和沒var的區別

JavaScript中變數聲明有var和沒var的區別

 本文來論述JavaScript中變數聲明有var和沒var的區別，關於Js中的變數聲明的範圍是以函數為單位，所以我們經常見到避免全域變數汙染的方法是

1 2 3

(function(){  // ...  })();

在函數內部，有var和沒var聲明的變數是不一樣的。有var聲明的是局部變數，沒var的，聲明的全域變數，所以可以藉此向外暴露介面東東。
在全域範圍內聲明變數時，有var 和沒var看起來都一樣，我們知道，聲明的全域變數，就是window的屬性，究竟是否一樣，我們通過ECMAScrpit5提供的屬性的特性查詢方法，來發現之間的區別。

1 2 3 4 5 6 7 8

var fff = 2;  window.ffa = 3;  ffb = 4;  this.ffc = 4;  var ffftx = Object.getOwnPropertyDescriptor(window, 'fff'); //configurable:false,enumerable:true,value:2,writable:true  var ffatx = Object.getOwnPropertyDescriptor(window, 'ffa'); //configurable:true,enumerable:true,value:2,writable:true  var ffbtx = Object.getOwnPropertyDescriptor(window, 'ffb'); //configurable:true,enumerable:true,value:2,writable:true  var ffctx = Object.getOwnPropertyDescriptor(window, 'ffc'); //configurable:true,enumerable:true,value:2,writable:true

通過上面，發現，原來還是有差別的，我們再用delete刪除屬性來驗證下，配置性為false的屬性無法刪除。也就是通過變數var聲明全域對象的屬性無法刪除，我們還會發現和函式宣告建立的全域對象屬性也無法刪除。

1 2 3 4

delete fff; // 無法刪除  delete ffa; // 可刪除  delete ffb; // 可刪除  delete ffc; // 可刪除

結論就是，加上var 和沒加 var的聲明全域變數是有區別的。

使用var語句重複聲明語句是合法且無害的。如果重複聲明且帶有賦值，那麼就和一般的指派陳述式沒差別。如果嘗試讀取沒有聲明過的變數，Js會報錯。
JavaScript的函數範圍內，聲明的變數或內建函式，在函數體內都是可見的。意味著，函數在定義之前可能已經可用。函數定義有兩種方式，一種是函數定義運算式，一種是函式宣告語句。

1 2 3 4 5 6 7 8

// 函數定義運算式  var fns = function (){  // ...  }；  // 函式宣告語句  function fns(){  // ...  }

函式宣告語句“被提前”到外部指令碼或外部函數範圍的頂部，所以以這種方式聲明的函數，可以被再它定義之前出現的代碼所調用。而函數定義運算式中，變數的聲明被提前了，但是給變數的賦值是不會提前的，所以，以運算式方式定義的函數在函數定義之前無法調用。

1 2 3 4 5 6 7 8 9 10 11 12

(function() {  testa(); // 列印出testa  testb(); // 報錯：提示undefined is not a function  console.log(testc); //undefined,如果移到上面就可以了  function testa() {  console.log("testa");  }  var testb = function() {  console.log("tesb");  }  var testc = "testc";  })();

當然，我們聲明變數和函數，必須遵守基本的規範，變數和函式宣告要提前。