美文网首页
分析JS中undefined与null在使用上的根本区别

分析JS中undefined与null在使用上的根本区别

作者: 大数据在说话 | 来源:发表于2017-08-23 15:54 被阅读0次

    大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。

    有点奇怪的是,Java语言居然有两个表示"无"的值:undefined和null。这是为什么?科多大数据带你来看看。

    在Java中存在这样两种原始类型:Null与Undefined。这两种类型常常会使Java的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?

    Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。

    Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。

    js 代码

    var oValue;

    alert(oValue == undefined); //output "true"

    这段代码显示为true,代表oVlaue的值即为undefined,因为我们没有初始化它。

    js 代码

    alert(null == document.getElementById('notExistElement'));

    当页面上不存在id为"notExistElement"的DOM节点时,这段代码显示为"true",因为我们尝试获取一个不存在的对象。

    js 代码

    alert(typeof undefined); //output "undefined"

    alert(typeof null); //output "object"

    第一行代码很容易理解,undefined的类型为Undefined;第二行代码却让人疑惑,为什么null的类型又是Object了呢?其实这是Java最初实现的一个错误,后来被ECMA沿用下来。在今天我们可以解释为,null即是一个不存在的对象的占位符,但是在实际编码时还是要注意这一特性。

    js 代码

    alert(null == undefined); //output "true"

    ECMA认为undefined是从null派生出来的,所以把它们定义为相等的。但是,如果在一些情况下,我们一定要区分这两个值,那应该怎么办呢?可以使用下面的两种方法。

    js 代码

    alert(null === undefined); //output "false"

    alert(typeof null == typeof undefined); //output "false"

    使用typeof方法在前面已经讲过,null与undefined的类型是不一样的,所以输出"false"。而===代表绝对等于,在这里null === undefined输出false。

    历史原因

    在《Speaking Java》中发现了这个问题的答案!

    原来,这与Java的历史有关。1995年Java诞生时,最初像Java一样,只设置了null作为表示"无"的值。

    根据C语言的传统,null被设计成可以自动转为0。

    Number(null)// 0

    5 + null// 5

    但是,Java的设计者Brendan Eich,觉得这样做还不够,有两个原因。

    首先,null像在Java里一样,被当成一个对象。但是,Java的数据类型分成原始类型(primitive)和合成类型(complex)两大类,Brendan Eich觉得表示"无"的值最好不是对象。

    其次,Java的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误。

    因此,Brendan Eich又设计了一个undefined。

    目前的用法

    但是,上面这样的区分,在实践中很快就被证明不可行。目前,null和undefined基本是同义的,只有一些细微的差别。

    null表示"没有对象",即该处不应该有值。典型用法是:

    (1) 作为函数的参数,表示该函数的参数不是对象。

    (2) 作为对象原型链的终点。

    Object.getPrototypeOf(Object.prototype)// null

    undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:

    (1)变量被声明了,但没有赋值时,就等于undefined。

    (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。

    (3)对象没有赋值的属性,该属性的值为undefined。

    (4)函数没有返回值时,默认返回undefined。

    var i;

    i // undefined

    function f(x){console.log(x)}

    f() // undefined

    var o = new Object();

    o.p // undefined

    var x = f();

    x // undefined

    相关文章

      网友评论

          本文标题:分析JS中undefined与null在使用上的根本区别

          本文链接:https://www.haomeiwen.com/subject/oiaddxtx.html