深入解析JavaScript中undefined的本质与属性特征

JavaScript的七种数据类型

一、JavaScript的七种数据类型（面试常考）

• Undefined
• Null
• Boolean
• String
• Number
• Symbol
• Object

undefined的本质解析

二、undefined的本质解析

undefined实际上是window对象的一个属性，且其对应的类型属于Undefined。

为了深入理解undefined，我们需要先厘清JavaScript中“属性”的本质，因为undefined本身就是一个属性，理解属性的底层机制是掌握undefined关键所在。

JavaScript属性的底层本质

三、JavaScript属性的底层本质

在JavaScript中，属性不仅仅是简单的名称与值的对应关系，而是由一组内部特征（attribute）来描述的。

首先介绍第一类属性：数据属性（Data Property）。它与其他编程语言中的属性概念较为接近，但具有四个特定的特征。

• value：表示属性的实际值。
• writable：布尔值，决定该属性的值是否可以被修改。
• enumerable：布尔值，决定该属性是否会被for...in循环枚举出来。
• configurable：布尔值，决定该属性是否可以被删除，或者其特征值是否可以被修改。

补充说明：第二类属性是访问器（Accessor）属性，同样包含四个特征。虽然本文主要讨论数据属性，但了解访问器属性有助于完整理解属性机制。

• getter：函数或undefined，在读取属性值时被调用。
• setter：函数或undefined，在设置属性值时被调用。
• enumerable：布尔值，决定该属性是否会被for...in循环枚举。
• configurable：布尔值，决定该属性是否可以被删除或修改特征。

通常情况下，我们定义属性的代码会生成数据属性，且其writable、enumerable、configurable默认值均为true。我们可以使用内置函数Object.getOwnPropertyDescriptor来查看这些特征，代码如下：

const print = console.log
const o = {a: 1}
o.b = 2
// a和b均为数据属性
const aa = Object.getOwnPropertyDescriptor(o, 'a')
// {value: 1, writable: true, enumerable: true, configurable: true}
const bb = Object.getOwnPropertyDescriptor(o, 'b')
// {value: 2, writable: true, enumerable: true, configurable: true}
print('aa', aa)
print('bb', bb)

对window对象的undefined属性应用此函数：

从结果可以看出，undefined是window对象的一个数据属性，且其writable为false（不可赋值），enumerable为false（不可被for...in枚举），configurable为false（不可删除或修改特征）。这也解释了为什么对undefined重新赋值后其值不变，因为writable为false。

同时，这也解释了为什么不能使用Object.defineProperty函数重新定义undefined，因为其configurable为false。

注：如果需要修改已有属性的特征，或者定义访问器属性，可以使用Object.defineProperty函数。

Undefined与Null的区别

四、Undefined与Null的区别

一个常见的问题是，为什么许多编程规范要求使用void 0来代替undefined？下面我们将分别进行解析。

Undefined类型表示未定义，它只有一个值，即undefined。任何变量在赋值前属于Undefined类型，值为undefined。通常我们可以使用全局变量undefined（即名为undefined的变量）来表达这个值，或者使用void运算符将任意表达式转换为undefined值。

然而，由于JavaScript中的undefined是一个变量而非关键字，这被视为JavaScript语言设计的一个失误。为了避免该变量被意外篡改，建议使用void 0来获取undefined值。

Undefined与Null在语义上有所区别。Null表示“已定义但为空”。在实际编程中，我们通常不将变量显式赋值为undefined，这样可以确保所有值为undefined的变量都处于从未赋值的自然状态。

Null类型也只有一个值，即null。与undefined不同，null是JavaScript的关键字，因此在任何代码中都可以安全地使用null关键字来获取null值。

总结

五、总结

undefined是window对象的一个属性，其类型为Undefined。属性并非简单的名值对，而是一组特征值（attribute）。通过Object.getOwnPropertyDescriptor函数可以获取这些特征值。通过Object.defineProperty函数可以添加具有自定义特征值的属性，或者在已有属性的configurable为true的前提下修改其特征值。

补充：undefined在全局环境中无法被赋值，但在局部作用域中是可以被赋值的！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。