JavaScript中變數宣告有var和沒var的區別範例介紹_javascript技巧

本文來論述JavaScript中變數宣告有var和沒var的區別，關於Js中的變數宣告的作用域是以函數為單位，所以我們常常見到避免全域變數污染的方法是

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

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

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宣告全域物件的屬性無法刪除，我們也會發現和函數宣告所建立的全域物件屬性也無法刪​​除。

delete fff; // 无法删除 
delete ffa; // 可删除 
delete ffb; // 可删除 
delete ffc; // 可删除

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

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

// 函数定义表达式 
var fns = function (){ 
// ... 
}； 
// 函数声明语句 
function fns(){ 
// ... 
} 

函數宣告語句「被提前」到外部腳本或外部函數作用域的頂部，所以以這種方式宣告的函數，可以被再它定義之前出現的程式碼所呼叫。而函數定義表達式中，變數的宣告被提前了，但是給變數的賦值是不會提前的，所以，以表達式定義的函數在函數定義之前無法呼叫。

(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"; 
})();

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