本文實例講述了JavaScript中var的重要性。分享給大家供大家參考,具體如下:
在JS中申明變量是使用var來進行申明,但是有的時候我們沒有使用var也可以。這是為什么呢?我來給大家細細的說來。
var的本質就是來申明變量的
<script>var str = 'China';//申明并進行賦值</script>
先以一個例子來說明引出問題,在這個例子中,在函數t中沒有使用var關鍵字來申明變量,系統認為只是進行賦值操作而已,而且這個賦值操作會影響到了window對象的str2屬性
<script>var str1 = 'China';//申明并賦值str1var str2 = 'Japan';//申明并賦值str2console.log(window.str1,window.str2);//輸出:China Japanfunction t(){ var str1 = 'local';//申明并賦值str1 str2 = 'global';//賦值操作,并不是申明變量,污染window對象的屬性}t();//調用t函數console.log(window.str1,window.str2);//輸出:China global</script>
全局作用域:在最外層定義的變量
局部作用域:在函數內部定義的變量
JS作用域的特點:首先在函數內部查找變量,找不到則到外層函數查找,逐步找到最外層,即window對象,并操作window對象的屬性。
<script>var str = 'China';function t1(){ var str = 'Japan'; function t2(){ var str = 'USA'; console.log(str); } t2();}t1();</script>
這個例子比較典型,可以來說明JS變量的作用域切換問題,腳本首先在最外層定義了str屬性,當調用t1函數時,在t1函數中也定義了str變量和t2方法,當執行t2方法時,此時又定義了str變量,所以此時打印USA。
當屏蔽t2函數中的定義操作,此時在t2函數作用域中沒有str變量,則從它的上一級作用域中查找,又因為t1函數中定義了str變量,此時打印Japan。
當屏蔽t1和t2函數中的定義操作,則一層一層地往外找,此時找到最外層,此時打印China。
當最外層也沒有定義該變量,在運行該JS過程中就找不到該變量,此時會出錯,在瀏覽器的控制臺可以找到錯誤。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答