javascript中undefined的示例分析

这篇文章主要介绍了javascript中undefined的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

一、列出7种数据类型（面试可能问）

• Undefined

• Null

• Boolean

• String

• Number

• Symbol

• Object

二、undefined本质

undefined是window对象的一个属性，其类型是Undefined。

下面解释javascript中属性的本质，因为undefined是一个属性，了解undefine的本质要用到属性的本质。

三、属性本质

对JavaScript来说，属性并非只是简单的名称和值，JavaScript用一组特征（attribute）来描述属性（property）。

先来说第一类属性，数据属性。它比较接近于其它语言的属性概念。数据属性具有四个特征。

• value：就是属性的值。

• writable：决定属性能否被赋值。

• enumerable：决定for in能否枚举该属性。

• configurable：决定该属性能否被删除或者改变特征值。

补充：第二类属性是访问器（getter/setter）属性，它也有四个特征。 （本文用不到，但可以和第一类属性放在一起记忆）

• getter：函数或undefined，在取属性值时被调用。

• setter：函数或undefined，在设置属性值时被调用。

• enumerable：决定for in能否枚举该属性。

• configurable：决定该属性能否被删除或者改变特征值。

我们通常用于定义属性的代码会产生数据属性，其中的writable、enumerable、configurable都默认为true。我们可以使用内置函数 Object.getOwnPropertyDescripter来查看，如以下代码所示：

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），不能被for in枚举（enumerable=false），不能删除或改变特征值(configurable=false)。这也解释为什么给undefined重新赋值后其值却不改变：因为writable=false

以及解释为什么不能重新用Object.defineProperty函数定义undefined：因为configurable=false

注：如果我们要想改变属性的特征，或者定义访问器属性，我们可以使用 Object.defineProperty

四、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在全局环境没法被赋值，在局部环境是可以被赋值的！

感谢你能够认真阅读完这篇文章，希望小编分享的“javascript中undefined的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!