JavaScript中0, "", null, false, undefined的区别

朱雀 2021-06-26 16:06 531阅读 0赞

`JavaScript`中`0, "", null, false, undefined`返回的`Boolean`类型均为`false`。然而它们所指的并不是同一个概念，需要加以区分。

首先先看一段代码：

document.write(typeof(0))       //number
    document.write(typeof(""))      //string
    document.write(typeof(null))        //object
    document.write(typeof(false))       //boolean
    document.write(typeof(undefined))   //undefined

从上述代码可以看出：`0`是数字类型对象，空字符串是字符串类型对象，`null`是`object`对象，`false`是布尔类型对象，`undefined`还是`undefined`类型.。

对于`null`为什么是一个`object`对象，这是JavaScript最初实现的一个错误，后来被`ECMAScript`沿用下来。可以将它理解为一个不存在的对象的占位符。

使用`==`操作将`0`和`false`与其他对象进行比较：

document.write(false==undefined);   //false
    document.write(false==null);        //false
    document.write(undefined==0);       //false
    document.write(null==0);        //false
    document.write(""==0);          //true
    document.write(false==0);       //true
    document.write(false=="");      //true
    document.write(null==undefined);    //true

观察可发现：`0、""`和`false`是相等的，`null`和`undefined`是相等的，而`undefined`和`null`并不等于`false`对象。  
可以把`0、""`和`false`归为一类，称之为“假值”，把`null`和`undefined`归为一类，称之为“空值”。假值还是一个有效的对象，所以可以对其使用`toString`等类型相关方法，空值则不行。

document.write(false.toString());   // false
    document.write("".length);        // 0
    document.write((0).toString());  // 0
    document.write(undefined.toString());  // throw exception "undefined has no properties"
    document.write(null.toString());       // "null has no properties"

`undefined`表示无效对象，`null`表示空对象。当声明的变量未被初始化时其默认值为`undefined`；如果被赋予`null`，则代表变量初始化值为空值。`ECMAScript`认为`undefined`是从`null`派生出来的所以把他们定义为相等。  
以下两种方式会输出`false`：

document.write(null===undefined);        //false 
    document.write(typeof(null)==typeof(undefined)); //false

因为`===`代表的是绝对等于，判断值及类型是否完全相等。`null`和`undefined`各自的`type`在前面已经说过。