本文來論述JavaScript中變量聲明有var和沒var的區(qū)別，關于Js中的變量聲明的作用域是以函數(shù)為單位，所以我們經(jīng)常見到避免全局變量污染的方法是

(function(){

// ...

})();

在函數(shù)內部，有var和沒var聲明的變量是不一樣的。有var聲明的是局部變量，沒var的，聲明的全局變量，所以可以借此向外暴露接口東東。

在全局作用域內聲明變量時，有var 和沒var看起來都一樣，我們知道，聲明的全局變量，就是window的屬性，究竟是否一樣，我們通過ECMAScrpit5提供的屬性的特性查詢方法，來發(fā)現(xiàn)之間的區(qū)別。

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

通過上面，發(fā)現(xiàn)，原來還是有差別的，我們再用delete刪除屬性來驗證下，配置性為false的屬性無法刪除。也就是通過變量var聲明全局對象的屬性無法刪除，我們還會發(fā)現(xiàn)和函數(shù)聲明創(chuàng)建的全局對象屬性也無法刪除。

delete fff; // 無法刪除

delete ffa; // 可刪除

delete ffb; // 可刪除

delete ffc; // 可刪除

結論就是，加上var 和沒加 var的聲明全局變量是有區(qū)別的。

使用var語句重復聲明語句是合法且無害的。如果重復聲明且?guī)в匈x值，那么就和一般的賦值語句沒差別。如果嘗試讀取沒有聲明過的變量，Js會報錯。

JavaScript的函數(shù)作用域內，聲明的變量或內部函數(shù)，在函數(shù)體內都是可見的。意味著，函數(shù)在定義之前可能已經(jīng)可用。函數(shù)定義有兩種方式，一種是函數(shù)定義表達式，一種是函數(shù)聲明語句。

// 函數(shù)定義表達式

var fns = function (){

// ...

}；

// 函數(shù)聲明語句

function fns(){

// ...

}

函數(shù)聲明語句“被提前”到外部腳本或外部函數(shù)作用域的頂部，所以以這種方式聲明的函數(shù)，可以被再它定義之前出現(xiàn)的代碼所調用。而函數(shù)定義表達式中，變量的聲明被提前了，但是給變量的賦值是不會提前的，所以，以表達式方式定義的函數(shù)在函數(shù)定義之前無法調用。

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

})();

當然，我們聲明變量和函數(shù)，必須遵守基本的規(guī)范，變量和函數(shù)聲明要提前。

更多信息請查看IT技術專欄