`
baobeituping
  • 浏览: 1067999 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

转:解剖JavaScript中的null和undefined

 
阅读更多

在JavaScript开发中,被人问到:null与undefined到底有啥区别?

一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。

总所周知:null == undefined

但是:null !== undefined

那么这两者到底有啥区别呢?

请听俺娓娓道来...

null

这是一个对象,但是为空。因为是对象,所以 typeof null 返回 'object' 。

null 是 JavaScript 保留关键字。

null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确的数值:

表达式:123 + null 结果值:123

表达式:123 * null 结果值:0

undefined

undefined是全局对象(window)的一个特殊属性,其值是未定义的。但 typeof undefined 返回 'undefined' 。

虽然undefined是有特殊含义的,但它确实是一个属性,而且是全局对象(window)的属性。请看下面的代码:

alert('undefined' in window); //输出:true
alert(undefined in window); //输出:true
var anObj = {};
alert('undefined' in anObj); //输出:false

从中可以看出,undefined是window对象的一个属性,但却不是anObj对象的一个属性。

注意:尽管undefined是有特殊含义的属性,但却不是JavaScript的保留关键字。

undefined参与任何数值计算时,其结果一定是NaN。

随便说一下,NaN是全局对象(window)的另一个特殊属性,Infinity也是。这些特殊属性都不是JavaScript的保留关键字!

提高undefined性能

当我们在程序中使用undefined值时,实际上使用的是window对象的undefined属性。

同样,当我们定义一个变量但未赋予其初始值,例如:

var aValue;

这时,JavaScript在所谓的预编译时会将其初始值设置为对window.undefined属性的引用

于是,当我们将一个变量或值与undefined比较时,实际上是与window对象的undefined属性比较。这个比较过程中,JavaScript会搜索window对象名叫‘undefined'的属性,然后再比较两个操作数的引用指针是否相同。

由于window对象的属性值是非常多的,在每一次与undefined的比较中,搜索window对象的undefined属性都会花费时间。在需要频繁与undefined进行比较的函数中,这可能会是一个性能问题点。因此,在这种情况下,我们可以自行定义一个局部的undefined变量,来加快对undefined的比较速度。例如:

function anyFunc()
{
var undefined; //自定义局部undefined变量

if(x == undefined) //作用域上的引用比较

while(y != undefined) //作用域上的引用比较

};

其中,定义undefined局部变量时,其初始值会是对window.undefined属性值的引用。新定义的局部undefined变量存在与该函数的作用域上。在随后的比较操作中,JavaScript代码的书写方式没有任何的改变,但比较速度却很快。因为作用域上的变量数量会远远少于window对象的属性,搜索变量的速度会极大提高。

这就是许多前端JS框架为什么常常要自己定义一个局部undefined变量的原因!

 

原著:李战(leadzen).杭州-阿里软件 2009-2-18
原址:http://blog.csdn.net/leadzen/archive/2009/02/17/3899392.aspx

分享到:
评论

相关推荐

    需求分析:解剖产品想法.doc

    需求分析:解剖产品想法.doc

    重庆省口腔执业医师:解剖分离考试试卷参照.pdf

    重庆省口腔执业医师:解剖分离考试试卷参照.pdf

    论文研究 - 喉上神经的外部分支:解剖学和手术创伤

    目的:我们的目的是描述上喉神经外分支的解剖结构,并评估整个甲状腺切除术亚组中处于危险中的神经的频率。 方法:我们在2016年9月1日至2017年12月31日期间的Bamako的CHU Point G中实现了一项前瞻性研究。所有由...

    论文研究 - 通过整合增强学习的五年回顾:解剖学和临床实践

    我们的课程整合展示了加强教学的机会,包括增加同伴学习,结合多学科案例展示以及在两年的医学院中进行故意的重叠和分层的解剖学教育。 本文描述了我们对课程改革对学生学习的影响的反思。 这些变更实施五年后,...

    论文研究 - 粘液性乳腺癌:解剖学临床放射学和治疗学特征

    我们工作的目的是阐明这种罕见形式的乳腺癌在解剖学,临床和放射学方面的特殊性。 材料和方法:这是一项回顾性研究,对2009年1月至2017年12月期间在莫纳斯提尔产妇和新生儿中心治疗的14例乳腺粘液癌进行了回顾性...

    JavaScript深度剖析.zip

    1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔、null、undefined、对象和数组)、操作符(算术、比较、逻辑、赋值)、流程控制(条件语句、循环)以及函数的使用。 2. **函数与作用...

    HSBC-全球-TMT行业-美国电信业:解剖数字位数-2020.7.15-28页.pdf

    报告标题涉及的是HSBC对全球TMT(Technology, Media, and Telecommunications)行业中的美国电信业进行的研究,特别是关于“解剖数字位数”的主题。报告发布日期为2020年7月15日,共有28页。报告由HSBC Securities ...

    3D人体解剖图

    在医疗和健康领域,3D人体解剖图是一种先进的学习和研究工具,它利用三维技术将人体结构以直观、立体的方式展现出来。这种技术对于医学生、医生、物理治疗师以及其他健康专业人士来说,是非常有价值的资源,能帮助...

    基于VRML JavaScript的交互式《人体解剖学》3D虚拟实验室的构建及应用.pdf

    知识点二:JavaScript技术 JavaScript是一种高级的脚本语言,常用于Web开发和游戏开发。JavaScript可以与VRML技术结合,实现人机交互操作,提供更多的交互功能。 知识点三:交互式学习平台 交互式学习平台是通过...

    系统解剖学名词解释和问答题.pdf

    系统解剖学是医学领域中的一门基础学科,主要研究人体的结构组成和各器官之间的关系。在给定的文件内容中,涉及了众多解剖学术语和解剖结构的特点,以下是根据文件内容提炼的知识点: 标准解剖学姿势:解剖学研究中...

    高教类课件:断层解剖学.zip

    在现代医学教育中,断层解剖学是一门至关重要的课程,它通过断层图像的分析和研究,向医学生揭示了人体内部的复杂结构。随着影像学技术的快速发展,如计算机断层扫描(CT)和磁共振成像(MRI),使得医学教育与临床...

    行业文档-设计装置-实验教学用动物解剖固定装置.zip

    在生物学、医学教育和科研领域,动物解剖是重要的实践教学环节,有助于学生深入理解生物结构与功能,提高观察和分析能力。本设计装置专注于实验教学中的动物解剖固定,确保解剖过程的安全、规范与高效。 一、装置...

    analisis-diseno:解剖与疾病分析

    在IT行业中,"analisis-diseno:解剖与疾病分析"这个项目可能是一个结合了医疗数据分析和软件设计的复杂系统。从标题来看,它聚焦于分析疾病,这可能涉及到生物信息学、医疗图像处理或者健康大数据的应用。在这个项目...

    行业文档-设计装置-一种解剖课专用镊子.zip

    通过了解这种解剖课专用镊子的设计原理和使用场景,我们可以更深入地理解解剖学实践中的工具选择和使用技巧,从而提升学习和工作的效率。在生物医学领域,这样的专业工具是不可或缺的,它们不仅代表了技术的进步,也...

    人体解剖学章节练习题集与答案解析.doc

    2. 方位术语:解剖学中,方位术语用于描述人体各部分相对位置。例如,"近侧"指的是靠近身体中心或正中矢状面的部分,"远侧"则相反;"前"指靠近前面,"后"指靠近后面;"内侧"和"外侧"通常用于描述四肢相对于身体中线...

    three. js的人体解剖图.zip

    Three.js 是一个基于 WebGL 的 JavaScript 库,它为Web开发人员提供了一个在浏览器中创建3D图形的强大工具。这个“three.js的人体解剖图”压缩包,很显然是一个利用Three.js库来展示人体结构的3D可视化项目。下面...

    matlab的素描代码-128816:脑干内侧网状结构:解剖学和动力学(Humphriesetal。2006,2007)

    3. **解剖学和动力学**:解剖学部分可能涉及到MRF中的神经元分布、连接模式以及它们与其他大脑区域的关系。动力学部分则关注这些网络如何随时间和输入变化,如神经元放电模式和信息处理。 4. **Humphries et al. ...

    论文研究 - 喉返神经的解剖学变化:甲状腺手术中的危险

    在第二位患者中,存在三种解剖学变化,即神经的喉外分叉,神经的血管前位置以及连接迷走神经和复发神经的分支。 没有发现复发性神经损伤。 结论:神经的解剖变异很多。 仔细解剖是保证良好预后的保证。

    3Dbody手机APP在神经系统解剖教学中的应用.pdf

    综上所述,3Dbody手机APP作为一种新型的教学工具,在神经系统解剖教学中的应用不仅能够提高学生的学习效率和成绩,同时也能增强教学内容的直观性和教学方法的灵活性,对于提升医学教育质量具有重要意义。随着数字...

Global site tag (gtag.js) - Google Analytics