快捷導(dǎo)航

JavaScript中變量聲明有var和沒(méi)var的區(qū)別示例介紹

更新時(shí)間：2014年09月15日 17:01:45 投稿：whsnow

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

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

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

在函數(shù)內(nèi)部，有var和沒(méi)var聲明的變量是不一樣的。有var聲明的是局部變量，沒(méi)var的，聲明的全局變量，所以可以借此向外暴露接口東東。
在全局作用域內(nèi)聲明變量時(shí)，有var 和沒(méi)var看起來(lái)都一樣，我們知道，聲明的全局變量，就是window的屬性，究竟是否一樣，我們通過(guò)ECMAScrpit5提供的屬性的特性查詢方法，來(lái)發(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

通過(guò)上面，發(fā)現(xiàn)，原來(lái)還是有差別的，我們?cè)儆胐elete刪除屬性來(lái)驗(yàn)證下，配置性為false的屬性無(wú)法刪除。也就是通過(guò)變量var聲明全局對(duì)象的屬性無(wú)法刪除，我們還會(huì)發(fā)現(xiàn)和函數(shù)聲明創(chuàng)建的全局對(duì)象屬性也無(wú)法刪除。

delete fff; // 無(wú)法刪除 
delete ffa; // 可刪除 
delete ffb; // 可刪除 
delete ffc; // 可刪除

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

使用var語(yǔ)句重復(fù)聲明語(yǔ)句是合法且無(wú)害的。如果重復(fù)聲明且?guī)в匈x值，那么就和一般的賦值語(yǔ)句沒(méi)差別。如果嘗試讀取沒(méi)有聲明過(guò)的變量，Js會(huì)報(bào)錯(cuò)。
JavaScript的函數(shù)作用域內(nèi)，聲明的變量或內(nèi)部函數(shù)，在函數(shù)體內(nèi)都是可見(jiàn)的。意味著，函數(shù)在定義之前可能已經(jīng)可用。函數(shù)定義有兩種方式，一種是函數(shù)定義表達(dá)式，一種是函數(shù)聲明語(yǔ)句。

// 函數(shù)定義表達(dá)式 
var fns = function (){ 
// ... 
}； 
// 函數(shù)聲明語(yǔ)句 
function fns(){ 
// ... 
}

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

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

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

您可能感興趣的文章: