Javascript基础_简单比较undefined和null 值
JavaScript中有两个特数值：undefined和null，在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是undefined值。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
varmyData={
name:"Luka",
weather:"sunny"
};
document.writeln("Prop:"+myData.doesntexits);
</script>
</body>
</html>
输出结果：
Prop:undefined
Javascript又定义了一个特殊值null，这个值与undefined略有不同。后者是在未定义值得情况下得到的值，而前者则用于表示已经赋了一个值但该值不是一个有效的object、string、number或boolean值（也就是说所定义的是一个无值[novalue]）。
下面代码先后使用undefined和null以展示其不同效果：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
varmyData={
name:"Luka"
};
//读取weather属性
document.writeln("Var:"+myData.weather+"<br/>");
//判断对象是否具有weather这个属性
document.writeln("Prop:"+("weather"inmyData)+"<br/><br/>");
myData.weather="sunny";
document.writeln("Var:"+myData.weather+"<br/>");
document.writeln("Prop:"+("weather"inmyData)+"<br/><br/>");
myData.weather=null;
document.writeln("Var:"+myData.weather+"<br/>");
document.writeln("Prop:"+("weather"inmyData)+"<br/><br/>");
</script>
</body>
</html>
输出结果：
Var:undefined Prop:false Var:sunny Prop:true Var:null Prop:true
1.检查变量或属性是否为undefined或null
如果想检查某属性是否为null或undefined(不管是哪一个)，那么只要使用if语句和逻辑非运算符(!)即可。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
varmyData={
name:"Luka",
city:null
};
if(!myData.name){
document.writeln("nameisnullorundefined<br/><br/>");
}else{
document.writeln("nameisnotnullorundefined<br/><br/>")
}
if(!myData.city){
document.writeln("cityisnullorundefined<br/><br/>");
}else{
document.writeln("cityisnotnullorundefined<br/><br/>")
}
if(!myData.weather){
document.writeln("weatherisnullorundefined<br/><br/>");
}else{
document.writeln("weatherisnotnullorundefined<br/><br/>")
}
</script>
</body>
</html>
输出结果：
nameisnotnullorundefined cityisnullorundefined weatherisnullorundefined
2.区分null和undefined
在比较两个值时，所用办法应视需要而定。如果想同等对待undefined值和null值，那么应该使用相等运算符(==)，让Javascript进行类型转换。此时值为undefined的变量会被认为与值为null的变量相等。如果要区分null和undefined，则应使用等同运算符(===)。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
varfirstVal=null;
varsecondVal;
varequality=firstVal==secondVal;
varidentity=firstVal===secondVal;
document.writeln("Equality:"+equality+"<br/>");
document.writeln("Identity:"+identity+"<br/>");
</script>
</body>
</html>
输出结果：
Equality:true Identity:false
以上这篇Javascript基础_简单比较undefined和null值就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。