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 值的更多相关文章

  1. 【温故而知新-Javascript】比较 undefined 和 null 值

    JavaScript 中有两个特数值: undefined和null,在比较它们的时候需要留心.在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值. <!DOCTYP ...

  2. JavaScript 中的undefined and null 学习

    JavaScript 中的undefined and null learn record from the definitive guide to html5 JavaScript 中有两个特殊值:u ...

  3. Javascript中的undefined、null、""、0值和false的区别总结

    在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBN ...

  4. JavaScript 基本类型值-Undefined、Null、Boolean

    ▓▓▓▓▓▓ 大致介绍 ECMAScript中有5中简单的数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number.String. ▓▓▓▓▓▓ Undefined ...

  5. javascript中的undefined与null的区别

    一.相似性 在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别. var a = undefined; var a = null; 上面代码中,a变量分别被赋值 ...

  6. Javascript数据类型之Undefined和null

    Javascrip中的数据类型分为原始数据类型(primitive type)和对象数据类型(object type). 原始数据类型 原始数据类型包括:数字.字符串.布尔值.null.undefin ...

  7. [转]JS基础之undefined与null的区别

    在JavaScript开发中,被人问到:null与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理.于是,细想之后,写下本文,请各位 ...

  8. javascript中NAN undefined 和null

    null 表示无值,而 undefined 表示一个未声明的变量,或已声明但没有赋值的变量,或一个并不存在的对象属性. NaN 属性是代表非数字值的特殊值.该属性用于指示某个值不是数字.可以把 Num ...

  9. JavaScript中undefined与null的区别

    通常情况下, 当我们试图访问某个不存在的或者没有赋值的变量时,就会得到一个undefined值.Javascript会自动将声明是没有进行初始化的变量设为undifined. 如果一个变量根本不存在会 ...

随机推荐

  1. forEach循环dom元素

    //让ie8支持foreach if (typeof Array.prototype.forEach != 'function') { Array.prototype.forEach = functi ...

  2. laravel 学习笔记 —— 神奇的服务容器

    转载自:https://www.insp.top/learn-laravel-container 容器,字面上理解就是装东西的东西.常见的变量.对象属性等都可以算是容器.一个容器能够装什么,全部取决于 ...

  3. 经典js框架

    http://requirejs.org/ http://durandaljs.com/ http://knockoutjs.com/index.html http://www.jeasyui.com ...

  4. centos 安装使用smb

    http://blog.csdn.net/edu_enth/article/details/52964295

  5. windows7下检测耳机麦克拔插（转）

    原文转自 https://blog.csdn.net/rankun1/article/details/50972990 #include "stdafx.h" #define SA ...

  6. 如何防止Android反编译

    转自: http://my.eoe.cn/sandking/archive/19772.html http://www.cnblogs.com/zdz8207/archive/2012/01/28/d ...

  7. 【转载】Java文件编码自动转换工具类

    本篇随笔主要介绍了一个用java语言写的将一个文件编码转换为另一个编码并不改变文件内容的工具类: 通过读取源文件内容,用URLEncoding重新编码解码的方式实现. 1 public class C ...

  8. MySQL -MMM 学习整理

    一. 规划 1．主机规划 服务器 IP 作用 monitor 10.0.0.10 监控服务器 master-01 10.0.0.5 读写主机01 master-02 10.0.0.6 读写主机02 s ...

  9. BestCoder 2nd Anniversary的前两题

    Oracle Time Limit: 8000/4000 MS (Java/Others)    Memory Limit: 262144/262144 K (Java/Others)Total Su ...

  10. Android集成高德地图如何自定义marker

    高德地图自定义Marker 高德地图默认的marker样式是这种 一般的修改样式是通过icon接口来调整 MarkerOptions markerOptions = new MarkerOptions ...