下面小编就为大家带来一篇 Javascript 基础_简单比较 undefined 和 null 值。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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: undefined
- Prop: false
- Var: sunny
- Prop: true
- Var: null
- Prop: 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 undefined
- city is null or undefined
- weather 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: true
- Identity: false
以上这篇 Javascript 基础_简单比较 undefined 和 null 值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0312/264889.html