這篇文章主要介紹了JavaScript中聲明全局變量三種方式的異同。變量及變量聲明是一門語言最基本的概念,初學者都會很快掌握。需要的朋友可以過來參考下,希望對大家有所幫助
變量及變量聲明是一門語言最基本的概念,初學者都會很快掌握。JavaScript中聲明變量也是如此,很簡單var(關鍵字)+變量名(標識符)。
方式1
var test;
var test = 5;需注意的是該句不能包含在function內,否則是局部變量。這是第一種方式聲明全局變量。
方式2
test = 5;
沒有使用var,直接給標識符test賦值,這樣會隱式的聲明了全局變量test。即使該語句是在一個function內,當該function被執行後test變成了全局變量。
方式3
window.test;
window.test = 5;這種方式經常被用到一個匿名函數執行後將一些函數公開到全局。 如JQuery1.5中最末一句
window.jQuery = window.$ = jQuery;
如果只是使用變量test,那麼三種方式將沒有什麼區別。比如:alert(test) 都將顯示5。但三種方式在某些情況下還是有區別的。分別按以上三種方式聲明三個變量a1,a2,a3。
a1 = 11;
var a2 = 22;
window.a3 = 33;
1,for in window
for(a in window){
if(a=='a1'||a=='a2'||a=='a3'){
alert(a)
}
}
IE6/7/8/9:只彈出了a3,說明通過第一,二種方式聲明的全局變量通過for in window時將獲取不到。
Firefox/Chrome/Safari/Opera :a1,a2,a3都彈出了,說明三種方式聲明的全局變量,通過for in window時都能獲取到。
2,delete
try {
alert(delete a1);
}catch(e){alert('無法delete a1')}
try{
alert(delete a2);
}catch(e){alert('無法delete a2')}
try{
alert(delete a3);
}catch(e){alert('無法delete a3')}
可以看到,
1,delete a2所有浏覽器都是false。即通過var聲明的變量無法刪除,所有浏覽器表現一致。這在犀牛書上也有提到。
2,通過window.a3方式聲明的全局變量在IE6/7/8中均無法刪除,IE9/Firefox/Chrome/Safari/Opera中卻可以。
雖然有以上兩點不同,但當用in運算時,都返回true。
alert('a1' in window);//true
alert('a2' in window);//true
alert('a3' in window);//true
用with打開對象window閉包時,所有浏覽器也表現一致,如下
with(window){
if(a1){
alert(a1);//11
}
if(a2){
alert(a2);//22
}
if(a3){
alert(a3);//33
}
}