萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 探討JavaScript中聲明全局變量三種方式的異同

探討JavaScript中聲明全局變量三種方式的異同

     這篇文章主要介紹了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  }  }

 

copyright © 萬盛學電腦網 all rights reserved