理解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 相关文章推荐
javascript事件模型代码
Jul 01 Javascript
JQuery触发事件例如click
Sep 11 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
js创建对象的区别示例介绍
Jul 24 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
Dec 20 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
理解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
在PHP中利用XML技术构造远程服务(上)
2006/10/09 PHP
20个PHP常用类库小结
2011/09/11 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
PHP连接access数据库
2015/03/27 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
QQ登录背景闪动效果附效果演示源码下载
2015/09/22 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
AngularGauge 属性解析详解
2016/09/06 Javascript
jq checkbox 的全选并ajax传参的实例
2017/04/01 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
python读取文本中数据并转化为DataFrame的实例
2018/04/10 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
pandas去除重复列的实现方法
2019/01/29 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
Python如何发送与接收大型数组
2020/08/07 Python
解决pytorch 模型复制的一些问题
2021/03/03 Python
日语翻译个人求职的自我评价
2013/10/14 职场文书
标准自荐信范文
2014/01/29 职场文书
物流创业计划书
2014/02/01 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
入党介绍人意见2015
2015/06/01 职场文书
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android