javascript中undefined的示例分析-创新互联
这篇文章主要介绍了javascript中undefined的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为信宜企业提供专业的成都网站制作、网站建设,信宜网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。一、列出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的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
当前文章:javascript中undefined的示例分析-创新互联
本文URL:http://abwzjs.com/article/ceopdd.html