JavaScript中null和undefined的异同

本文详细比较了JavaScript中undefined与null的相同点与不同点,包括它们在语义、数值转换、JSON序列化等方面的差异,并解释了这两种类型存在的合理性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一. 相同点

  1. 同为5种基本数据类型之列(null, undefined, number, string, boolean)。
  2. undefinednull在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。
    if (!undefined) console.log('undefined is false');
    // undefined is false
    
    if (!null) console.log('null is false');
    // null is false
    
    undefined == null
    // true复制代码

二. 不同点

  1. 语义不同:null 表示一个值被定义了,定义为“空值”;undefined 表示根本不存在定义。所以设置一个值为 null 是合理的,如objA.valueA = null;但设置一个值为 undefined 是不合理的。
  2. 数值转换:null转为数值时为0;undefined转为数值时为NaN。但是 parseIntparseFloat不这么认为:parseInt(null)parseFloat(undefined) 返回都是 NaN

    Number(null)
    // 0
    Number(undefined)
    // NaN
    
    parseInt(null)
    // NaN
    parseFloat(undefined) 
    // NaN
    null === undefined
    // false
    复制代码

  3. JSON序列化:JSON规范中被强化,这个标准中不存在 undefined 这个类型,但存在表示空值的 null 。在一些使用广泛的库(比如jQuery)中的深度拷贝函数会忽略 undefined 而不会忽略 null ,http接口的报文参数也是如此。

    var json = {a: 1, b: undefined, c: null}
    JSON.stringify(json)
    // "{"a":1,"c":null}"
    JSON.parse(JSON.stringify(json))
    // {a: 1, c: null}复制代码
  4. typeof 不同:typeof null === "object" 更可能是一个设计失误,所以在 harmony 中有提议将这个返回值修正为 null,但是该提议因为会造成大量旧 Javascript 脚本出现问题而被否决了。

    typeof null 
    // "object"
    typeof undefined
    // "undefined"
    null instanceof Object
    // false复制代码
  5. 设置为null的变量或者对象会被内存收集器回收,undefined不会。

三. 为什么JS 中会同时存在 undefined 和 null ?

JS 中同时存在 undefined null 是合理的。

首先在 Java 中不存在 undefined 是很合理的:Java 是一个静态类型语言,对于 Java 来说不可能存在一个“不存在”的成员(不存在的话直接就编译失败了),所以只用 null 来表示语义上的空值。而 JavaScript 是一门动态类型语言,成员除了表示存在的空值外,还有可能根本就不存在(因为存不存在只在运行期才知道),所以这就要一个值来表示对某成员的 getter 是取不到值的。


(文章纯属个人备忘记录用途,部分引用来自网上加上个人理解整理。欢迎转载,请注明出处。如对你有帮助,请随意打赏。)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值