深入理解JS中的變量及作用域、undefined與null
1、Javascript變量作用域
javascript中,變量主要分為局部變量和全局變量兩種,對應的作用域也是局部作用域和全局作用域。
1 局部變量和作用域
局部變量一般在函數(shù)體內(nèi)部聲明使用:
function func(){ var i=12;//局部變量 ...... }
局部變量的作用域在聲明這個變量的函數(shù)體范圍內(nèi)使用。
局部變量的聲明周期從函數(shù)被調(diào)用執(zhí)行開始初始化,在函數(shù)調(diào)用執(zhí)行完畢之后被銷毀。
2、全局變量和作用域
全局變量一般在函數(shù)體外面聲明:
var i=12;//全局變量 function func(){ ...... }
還有一種沒有聲明而直接使用的變量,默認為全局變量:
function func(){ i=12;//沒有被聲明(使用var 關(guān)鍵字聲明),默認為全局變量 }
全局變量在當前頁面中所有的腳本和方法中都可以使用,作用域為當前頁面腳本中。
全局變量的聲明周期在變量被初始化時被創(chuàng)建,在當前頁面關(guān)閉的時候被銷毀。
2、typeof關(guān)鍵字
typeof關(guān)鍵字主要用來檢測變量的數(shù)據(jù)類型,JavaScript中主要的數(shù)據(jù)類型有string、number、Boolean、object等
console.log(typeof 'str');//string console.log(typeof 23);//number console.log(typeof false);//boolean console.log(typeof [1,3,12]);//object console.log(typeof {name:'jack',age:12});//object console.log(typeof new Date());//object
注意: js中的數(shù)組、json對象都是object數(shù)據(jù)類型的
3、null和undefined
null和undefined在JavaScript中經(jīng)常出現(xiàn),表示一個變量的值為空或者是一個變量未被定義。在表示值的時候,都可以表示為空值,但是在數(shù)據(jù)類型方面還是不一樣。
console.log(typeof null);//object var persion = null; console.log(persion);//null console.log(typeof undefined);//undefined var persion2; console.log(persion2);//undefined
null的數(shù)據(jù)類型為object,undefined的數(shù)據(jù)類型就是undefined。
變量聲明,值為null,變量值為null;變量只聲明,沒有賦值,值為undefined。
再看一組對比:
console.log(null==undefined);//true 值相等 console.log(null===undefined);//false 類型不相等
這就可以看出來,null和undefined的表示值的時候,都表示空;null的數(shù)據(jù)類型為object,undefined的數(shù)據(jù)類型就是undefined。只聲明而沒有初始化的值都是undefined。
下面是補充
Situation One
<script> var i; //全局變量 //方法名是camel命名法 //方法里面的變量是局部變量 function sayHello(){ var x=100; alert(x); x++; } sayHello(); //輸出100 alert(x); //報錯,因為x是局部變量,訪問不到 </script>
Situation Two
<script> function sayHello(){ var x=100; if(x==100){ var y=x+1; alert(y); //輸出101 } alert(y); //也輸出101,在方法內(nèi)部,不存在塊級作用域,在C#中就不可以了?。?! for(var i=0;i<2;i++){ alert(i) } //在for循環(huán)里面定義的變量是塊級作用域 alert(i); //因為i是局部變量,所以輸出2 } sayHello(); </script>
注:變量使用前可以不用var聲明,這樣的變量會被認為是“全局變量”,但很少這樣用
關(guān)于undefined與null
有以下幾種情況的,變量的值為undefined
1、變量定義,但沒有賦值,則變量的值為undefined
2、調(diào)用的方法沒有返回值,在返回的值為undefined
3、對象的屬性值不存在,則返回值為undefined,如:document.ddd
Example1:
var xx; var yy=null; if(xx==yy){ alert('相等'); } else{ alert('不等'); }
輸出結(jié)果為相等,因為在進行if判斷時,瀏覽器會對xx及yy進行值的判斷,因為兩者都沒有具體的值,認為他們都是false。
如果if判斷中換成===[全等于符號],則輸出不等!因為===表示要求xx及yy的數(shù)據(jù)類型和值都要相同才可以!
Example2:
var xx=10 var yy='10'; if(xx==yy){ alert('相等'); } else{ alert('不等'); }
輸出相等,如果換成===,則輸出不等
Example3:
var n='10'; switch(n){ case 10: alert('數(shù)字'); break; case '10': alert('字符串'); break; }
輸出 字符串
switch中的判斷要考慮類型
總結(jié):if中的判斷是判斷數(shù)值,不考慮類型
相關(guān)文章
使用script的src實現(xiàn)跨域和類似ajax效果
在解決js的跨域問題的時候, 有多種方式, 其中有一種是利用script標簽的src屬性,因為這個屬性是不受域名限制的,我們可以直接讓src的這個鏈接指向跨域網(wǎng)站的一個接口, 這個接口返回的是js代碼或者json格式數(shù)據(jù), 從而實現(xiàn)跨域獲取數(shù)據(jù)。2014-11-11JS實現(xiàn)鼠標點擊箭頭旋轉(zhuǎn)180度功能
這篇文章主要介紹了JS實現(xiàn)鼠標點擊箭頭旋轉(zhuǎn)180度的效果,通過點擊三角按鈕旋轉(zhuǎn)180度,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-02-02