JavaScript:undefined And null区别

页面导航:首页 > 网络编程 > JavaScript > JavaScript:undefined And null区别

JavaScript:undefined And null区别

来源: 作者: 时间:2016-02-20 09:49 【

下班吃饭的时候,同事偶然问了一个问题:undefined和null到底有什么区别?无法回答,回去查阅相关资料,算了有了一个了解,做相关的总结,在开始之前,请看如下代码,算是抛出这个问题

下班吃饭的时候,同事偶然问了一个问题:undefined和null到底有什么区别?无法回答,回去查阅相关资料,算了有了一个了解,做相关的总结,在开始之前,请看如下代码,算是抛出这个问题:

console.info(undefined == null);    //true
console.info(undefined === null);   //false

上述结果可以给我们一个这样的理解: undefined和null两个值相等,但是他们含义不同。具体两者有什么区别,先理解下undefined和null在做分析。

undefined

undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化,这个变量的值就是undefined。例如:

//1、声明变量,未指定值
var var1;
console.info(typeof varl);      //undefined
//2、指定值为undefined
var var2 = undefined;
console.info(typeof var2);      //undefined

上面两种写法是等价的,未经初始化的值默认就会取得undefined值。

Tips:一般而言不需要显示的把一个变量设置为undefined,undefined的主要目的在于比较,ECMA第三版引入这个值正是为了区分空对象指针null和未经初始化的变量

既然谈到了null,这里在多补充一点,对为初始化的变量执行typeof返回undefined值,对为声明的变量执行typeof也会返回undefined值,如下例子:

var var3;
console.info(typeof var3);      //undefined
console.info(typeof var4);      //undefined

这个结果有逻辑上的合理性,虽然null和undefined在技术角度上有本质区别,但是实际中不可能对两种变量进行操作。在这种情况下如果我们习惯声明变量就进行初始化的时候,当typeof操作符返回“undefined”值时,我们就知道有变量尚未被声明,而不是尚未初始化。

null

null类型也是只有一个值null,从逻辑角度来看,null值表示一个空对象指针,不信?看如下代码就知道了:

var var5 = null;
console.info(typeof var5);      //object

所以在变量是用于保存对象时,最后将之初始化为null,可以很方便的知道变量是否保存了一个对象的引用。

区别

分别的了解了这两种类型,到这里似乎有所理解,但又不具体。回到最初抛出的问题,在ECMAScript的原始类型中,是有undefined和null类型的,这两种类型分别对应了属于自己的唯一值undefined和null。undefined实际上是从null派生而来,这就可以解释undefined==null为true了。

就undefined===null为false分两个方面来理解:

内存

很显然,他们的地址分配不一样,我想着对于有后端基础的同学来说很容易理解,具体如下图:

QQ截图20141030171514

用途

尽管undefined==null为true,但是他们的用途是不一样的。就像前面所述,无论什么情况都没有必要将一个变量值显示的指定为undefined,默认值为undefined,但是默认的规则对null却不适用。因为null表示没有指向对象的引用。

总的来说,undefined派生于null,他们是“=="的,另一层面上undefined表示没有赋值的基本数据类型,null表示没有赋值的引用数据类型,他们不能“===”。


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<