本文來論述javascript中變量聲明有var和沒var的區(qū)別,關(guān)于js中的變量聲明的作用域是以函數(shù)為單位,所以我們經(jīng)常見到避免全局變量污染的方法是
(function(){
// ...
})();
在函數(shù)內(nèi)部,有var和沒var聲明的變量是不一樣的。有var聲明的是局部變量,沒var的,聲明的全局變量,所以可以借此向外暴露接口東東。
在全局作用域內(nèi)聲明變量時(shí),有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),原來還是有差別的,我們?cè)儆胐elete刪除屬性來驗(yàn)證下,配置性為false的屬性無法刪除。也就是通過變量var聲明全局對(duì)象的屬性無法刪除,我們還會(huì)發(fā)現(xiàn)和函數(shù)聲明創(chuàng)建的全局對(duì)象屬性也無法刪除。
delete fff; // 無法刪除
delete ffa; // 可刪除
delete ffb; // 可刪除
delete ffc; // 可刪除
結(jié)論就是,加上var 和沒加 var的聲明全局變量是有區(qū)別的。
使用var語句重復(fù)聲明語句是合法且無害的。如果重復(fù)聲明且?guī)в匈x值,那么就和一般的賦值語句沒差別。如果嘗試讀取沒有聲明過的變量,js會(huì)報(bào)錯(cuò)。
javascript的函數(shù)作用域內(nèi),聲明的變量或內(nèi)部函數(shù),在函數(shù)體內(nèi)都是可見的。意味著,函數(shù)在定義之前可能已經(jīng)可用。函數(shù)定義有兩種方式,一種是函數(shù)定義表達(dá)式,一種是函數(shù)聲明語句。
// 函數(shù)定義表達(dá)式
var fns = function (){
// ...
};
// 函數(shù)聲明語句
function fns(){
// ...
}
函數(shù)聲明語句“被提前”到外部腳本或外部函數(shù)作用域的頂部,所以以這種方式聲明的函數(shù),可以被再它定義之前出現(xiàn)的代碼所調(diào)用。而函數(shù)定義表達(dá)式中,變量的聲明被提前了,但是給變量的賦值是不會(huì)提前的,所以,以表達(dá)式方式定義的函數(shù)在函數(shù)定義之前無法調(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ù)聲明要提前。