JavaScript 中的 typeof、null 和 undefined

本文深入解析JavaScript中的数据类型,包括typeof操作符的使用,null与undefined的区别,以及它们在内存管理和对象引用中的作用。
一、typeof 操作符

你可以使用 typeof 操作符来检测变量的数据类型。

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object

注意⚠️:
在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。

二、null

在 JavaScript 中 null 表示 “什么都没有”。

null是一个只有一个值的特殊类型。表示一个空对象引用。

var person = null;    // 值为 null(空), 但类型为对象

你可以设置为 null 来清空对象。

注意⚠️:
用 typeof 检测 null 返回是object。

三、undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。

var person;   // 值为 undefined(空), 类型是undefined

// 任何变量都可以通过设置值为 undefined 来清空。 类型为 undefined.

person = undefined;  // 值为 undefined, 类型是undefined
四、undefined 和 null 的区别

null 和 undefined 的值相等,但类型不等:

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
五、小结

1、定义

(1)undefined:是所有没有赋值变量的默认值,自动赋值。
(2)null:主动释放一个变量引用的对象,表示一个变量不再指向任何对象地址。

2、何时使用null?

当使用完一个比较大的对象时,需要对其进行释放内存时,设置为 null。

3、null 与 undefined 的异同点是什么呢?

  • 共同点:
    都是原始类型,保存在栈中变量本地。

  • 不同点:

(1)undefined——表示变量声明过但并未赋过值。它是所有未赋值变量默认值,例如:
var a; // a 自动被赋值为 undefined
(2)null——表示一个变量将来可能指向一个对象。一般用于主动释放指向对象的引用,例如:
var emps = ['ss','nn'];
emps = null; // 释放指向数组的引用
4、延伸——垃圾回收站

它是专门释放对象内存的一个程序。

(1)在底层,后台伴随当前程序同时运行;引擎会定时自动调用垃圾回收期;
(2)总有一个对象不再被任何变量引用时,才释放。

JavaScript 中 `null` `undefined` 虽然都表示“无值”或“空”,但它们的语义使用场景存在显著差异,同时在比较时也表现出不同的行为。 ### 区分 null undefined 的方法 #### 1. **严格相等运算符(===)** 使用 `===` 可以区分 `null` `undefined`,因为它不会进行类型转换。 例如: ```javascript console.log(null === undefined); // false ``` 此结果表明,`null` `undefined` 是两个不同的值,且它们的类型不同[^1]。 #### 2. **typeof 操作符** `typeof` 操作符可以用于判断一个值是否为 `null` 或 `undefined`。 - `typeof null` 返回 `"object"`,这是由于历史原因导致的错误行为。 - `typeof undefined` 返回 `"undefined"`。 示例: ```javascript console.log(typeof null); // "object" (历史 bug) console.log(typeof undefined); // "undefined" ``` #### 3. **显式赋值与隐式默认值** - `undefined` 表示变量已声明但未被赋值,或者对象属性不存在、函数没有返回值。 - `null` 是一个特殊的值,通常由开发者显式地赋予变量,表示“有意为空”。 例如: ```javascript let x; console.log(x === undefined); // true let y = null; console.log(y === null); // true ``` #### 4. **算术运算中的表现** 在算术运算中,`null` `undefined` 的表现也不同: - `null` 在数值上下文中会被转换为 `0`。 - `undefined` 在数值上下文中会被转换为 `NaN`(Not-a-Number)。 示例: ```javascript console.log(null + 1); // 1 console.log(undefined + 1); // NaN ``` #### 5. **条件判断** 在布尔上下文中,`null` `undefined` 都被视为 `falsy` 值,这意味着它们在条件表达式中会被当作 `false` 处理。 例如: ```javascript if (null) { console.log("This won't be printed"); } if (undefined) { console.log("This won't be printed either"); } ``` #### 6. **现代 JavaScript 中的操作符** ES2020 引入了链操作符(`?.`)空值合并操作符(`??`),这些操作符可以帮助更安全地处理 `null` `undefined`: - 链操作符(`?.`)允许安全地访问嵌套对象属性,避免因访问 `null` 或 `undefined` 的属性而导致运行时错误。 - 空值合并操作符(`??`)用于提供默认值,当左侧的值为 `null` 或 `undefined` 时,返回右侧的默认值。 示例: ```javascript const user = null; console.log(user?.name); // undefined console.log(user ?? "Default"); // "Default" ``` ### 总结 尽管 `null` `undefined` 都表示“无值”,但它们的含义用途不同: - `undefined` 表示变量未初始化、函数无返回值或对象属性不存在。 - `null` 表示一个显式的空值,通常由开发者设置。 为了确保代码的健壮性可读性,推荐使用严格相等运算符(`===`)来区分 `null` `undefined`,并合理利用现代 JavaScript 提供的操作符(如 `?.` `??`)来简化对这些值的处理[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值