JavaScript 中有兩個特數值： undefined和null，在比較它們的時候需要留心。在讀取未賦值的變量或試圖讀取對像沒有的屬性時得到的就是undefined 值。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title></head><body><script> var myData = { name:"Luka", weather:"sunny" }; document.writeln("Prop: "+myData.doesntexits);</script></body></html>輸出結果：
Prop: undefined
Javascript 又定義了一個特殊值null ，這個值與undefined 略有不同。後者是在未定義值得情況下得到的值，而前者則用於表示已經賦了一個值但該值不是一個有效的object、string、number 或boolean 值（也就是說所定義的是一個無值[no value]）。
下面代碼先後使用undefined 和null 以展示其不同效果：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title></head><body><script> var myData = { name:"Luka" }; //讀取weather 屬性document.writeln("Var: "+myData.weather+"<br />"); //判斷對像是否具有weather 這個屬性document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = "sunny"; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = null; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />");</script></body></html>輸出結果：
Var: undefinedProp: falseVar: sunnyProp: trueVar: nullProp: true
1. 檢查變量或屬性是否為undefined 或null
如果想檢查某屬性是否為null 或undefined(不管是哪一個)，那麼只要使用if 語句和邏輯非運算符(!)即可。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title></head><body><script> var myData = { name:"Luka", city:null }; if(!myData.name){ document.writeln("name is null or undefined <br /><br />"); }else { document.writeln("name is not null or undefined <br /><br />") } if(!myData.city){ document.writeln("city is null or undefined <br /><br />"); }else { document.writeln("city is not null or undefined <br /><br />") } if(!myData.weather){ document.writeln("weather is null or undefined <br /><br />"); }else { document.writeln("weather is not null or undefined <br /><br />") }</script></body></html>輸出結果：
name is not null or undefinedcity is null or undefinedweather is null or undefined
2. 區分null 和undefined
在比較兩個值時，所用辦法應視需要而定。如果想同等對待undefined值和null值，那麼應該使用相等運算符(==)，讓Javascript 進行類型轉換。此時值為undefined 的變量會被認為與值為null 的變量相等。如果要區分null 和undefined，則應使用等同運算符(===)。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title></head><body><script> var firstVal = null; var secondVal; var equality = firstVal == secondVal; var identity = firstVal === secondVal; document.writeln("Equality: "+equality+" <br />"); document.writeln("Identity: "+identity+" <br />");</script></body></html>輸出結果：
Equality: trueIdentity: false
以上這篇Javascript基礎_簡單比較undefined和null 值就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。