理解Javascript_02_理解undefined和null


Posted in Javascript onOctober 11, 2010

来自普遍的回答:
其实在 ECMAScript 的原始类型中,是有Undefined 和 Null 类型的。 这两种类型都分别对应了属于自己的唯一专用值,即undefined 和 null。
值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的,通过下列代码可以验证这一结论:
alert(undefined == null); //true

尽管这两个值相等,但它们的含义不同。
undefined 是声明了变量但未对其初始化时赋予该变量的值,null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。
所以alert(undefined===null);//false

说实话,我没有看明白,为什么undefined会继承null,即然是继承那为什么undefined!==null,还有未初始化的变量与函数返回的对象不存在之间有什么区别,问题种种,让人很不信服。

看看内存是怎么说的:
Udefined代表没有赋值的基本数据类型。
Null代表没有赋值的引用数据类型。
我们来看一段代码:

var age; 
var id = 100; 
var div02 = document.getElementById("div02");//注:div02是不存在的 
var div01 = document.getElementById("div01");//注:div01存在 
alert(id);//100 
alert(age);//undefined 
alert(div02);//null 
alert(div01);//object

再来看一下内存的情况:
理解Javascript_02_理解undefined和null
解决第一个问题:为什么undefine继承自null

在Javascript中,基本数据类型都有一个与其对应的引用数据类型,number Number,string String,boolean Boolean...,他们具有完全相同的行为,并且相互之间会产生自动拆箱与装箱的操作。在内存分析一文中已经讲述了基本数据类型放在栈内存中的意义,由此这们可以得出一个肤浅的结论:基本数据类型是对应引用数据类型的子类,只不过是为了提高效率,将其放在栈内存中而已,对应的Undefined代表无值的基本类型,Null代表无值的引用类型,那势必就可以推出undefined继承null。

解决第二个问题:为什么undefined==null

推出来的答案undefined继承自null,内存告诉我们的答案他们都处于栈中

解决第三个问题:为什么undefined!==null

内存告诉我们,它们的意义确实是不一样的,老话一句:Udefined代表没有赋值的基本数据类型,Null代表没有赋值的引用数据类型。他们的内存图有很大的区别

解决额外的问题:null是处理引用的,为什么null处在栈内存中,而不是堆内存中

答案一样的简单,效率!有必要在栈中分配一块额外的内存去指向堆中的null吗!

额外的收获:

当我们要切断与对象的联系,但又并不想给变量赋于其他的值,那么我们可了置null,如var obj = new Object();obj=null;

一些关于undefined和null的行为

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

表达式:123 + null

结果值:123

typeof null 返回object,因为null代表是无值的引用。

undefined是全局对象(window)的一个特殊属性,其值为Undefined类型的专用值undefined

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

当声明的变量未初始化时,该变量的默认值是undefined,但是undefined并不同于未定义的值。Typeof运算符无法区分这两种值

因此对于变量是否存在的判断操作是通过if(typeof var == ‘undefined'){ //code here } 来进行判断的,这样既完全兼容未定义(undefined)和未初始化(uninitialized)两种情况的

哈哈,当你站在内存的高度的分析问题的时候,如此抽象的东西有了实际的表现,一切变得简单起来!

Javascript 相关文章推荐
jQuery中的read和JavaScript中的onload函数的区别
Aug 27 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
Javasript设计模式之链式调用详解
Apr 26 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
理解Javascript_01_理解内存分配原理分析
Oct 11 #Javascript
javascript getElementsByClassName实现代码
Oct 11 #Javascript
javascript Array.prototype.slice使用说明
Oct 11 #Javascript
javascript 伪数组实现方法
Oct 11 #Javascript
javascript forEach通用循环遍历方法
Oct 11 #Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 #Javascript
JavaScript isArray()函数判断对象类型的种种方法
Oct 11 #Javascript
You might like
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
PHP 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
php中json_decode()和json_encode()的使用方法
2012/06/04 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
jquery UI Datepicker时间控件的使用及问题解决
2016/04/28 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
小结Python的反射机制
2020/09/28 Python
python动态规划算法实例详解
2020/11/22 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
品质主管的岗位职责
2013/12/04 职场文书
初三物理教学反思
2014/01/21 职场文书
工程师岗位职责规定
2014/02/26 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
自我管理的活动方案
2014/08/25 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
小学生优秀评语
2014/12/29 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
vue实现Toast组件轻提示
2022/04/10 Vue.js
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers