JavaScript中null和undefined
JavaScript的数据类型大体分为两类:原始类型和对象类型。其中,原始类型包括数字、字符串和布尔值。此外,JavaScript中还有两个特殊的原始值:null(空)和undefined(未定义),它们不是数字、字符串和布尔值,它们通常分别代表各自特殊类型中唯一的成员。
null
null是JavaScript语言的关键字,它表示一个特殊值,常用来描述“空值”。对null执行typeof预算,结果返回字符串“object"(如下图),所以说,也可以将null认为是一个特殊的对象值,它的含义是“非对象”。但实际上,通常认为null是它自有类型的唯一的一个成员,它可以表示数字、字符串、对象是“无值”的。
typeof(null); // object
undefined
undefined也可以用来表示值的空缺。它和null不一样,它不是关键字,它是变量的一种取值,表明变量没有初始化,在查询对象的属性或数组元素的值时返回undefined,则说明这个属性或元素不存在。如果函数没有返回任何值,则返回undefined。引用没有提供实参的函数形参的值也只会得到undefined。undefined是预定义的全局变量,它的值就是“未定义”。
null和undefined相同之处
null和undefined都是完全不可变的值,都没有属性和方法,也不能给它们添加属性或者赋值(因为它们根本没有属性)。如果试图定义一个属性将会引发一个类型错误(如下图),它们是完全无效的值。

在JavaScript中,“没有值”代表的布尔值是false,这意味着他们在条件上下文中会被被计算为false,如if语句中。
注意:使用相等操作符( == )比较这两个值和其他false值是不相等的,如果比较它们两个是相等的,但是不全等(===),因为类型不一样。
疑问:既然null和undefined在if判断语句中都表示为false,为什么不能和false值相等呢?
用等于(==)操作符将false对象和其他对象进行比较的时候,会发现,只有0和空字符串等于false;undefined和null对象并不等于false对象,而null和undefined是相等的。所以,可以把0、空字符串和false归为一类,称为“假值”;把null和undefined归为一类,称为"空值"。(个人理解:也就是说在JavaScript中,假值和空值都有一个共性,那就是在作为if的条件分支时,均被视为false ;应用"!"操作之后得到的均为true )
举例说明一下:

if语句中,null举例说明

if语句中,undefined举例说明

null和undefined区别
null和undefined基本是同义的,只有一些细微的差别。
1、null是一个表示“没有”的对象,转为数值时为0;undefined是一个表示"未定义"的原始值,转为数值时为NaN。

2、null表示“没有对象”,即该处不应该有值。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。
3、null和undefined通过typeof判断出的结果不一样。

备注:有资料显示,typeof的这种行为已经被确认为一个错误,虽然提出了修正,出于后兼容的目的,这一点已经保持不变。
扩展:
在ECMAScript 3中,undefined是可读/写的变量,可以给它赋任意值。这个错误在ECMAScript 5中做了修正,undefined在该版本中是只读的。
null经常被用于显式地指定变量为无效(object= null)当一个引用不再是必需的,通过分配null值,有效地清除引用,并假设对象没有引用其他代码,指定垃圾收集,确保回收内存。有时也会在定义变量时,初始化为null;
undefined很少或者说不建议用在任何地方,undefined经常会出现在许多的方法代码中。通常遇到当试图访问一个不存在的值时,只会默认返回一个undefined值,而不是上升为一个错误。 任何声明变量时没有提供一个初始值,都会有一个为undefined的默认值。

总结:可以把undefined认为是表示系统级的、出乎意料的、或者是类似错误的值的空缺,而null是表示程序级的、正常的或在意料之中的值的空缺。如果想把它们赋值给变量或者属性,或将它们作为参数传人函数,最佳选择是使用null。
JavaScript中null和undefined的更多相关文章
- JavaScript中Null和Undefined的深渊
探索JavaScript中Null和Undefined的深渊 当讨论JavaScript中的原始数据类型时,大多数人都知道的基本知识,从String,Number到Boolean.这些原始类型相当简单 ...
- JavaScript中null和undefined的总结
先说null,它表示一个特殊值,常用来描述“空值”.对null执行typeof运算,结果返回字符串“object”,也就是说,可以将null认为是一个特殊的对象值,含义是“非对象”(感觉怪怪的).实际 ...
- 探索JavaScript中Null和Undefined的深渊
当讨论JavaScript中的原始数据类型时,大多数人都知道的基本知识,从String,Number到Boolean.这些原始类型相当简单,行为符合常识.但是,本文将更多聚焦独特的原始数据类型Null ...
- JavaScript中Null和Undefined的区别
Null: null是js中的关键字,表示空值,null可以看作是object的一个特殊的值,如果一个object值为空,表示这个对象不是有效对象. Undefined: undefined不是js中 ...
- Javascript 中 null和undefined的区别
null表示"没有对象",即该处不应该有值.典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象. (2) 作为对象原型链的终点. Object.getPrototype ...
- javascript中null与undefined的区别
1.null null是一个对象,表示一个空对象指针,typeof(null)返回object,null参与运算时会转化为0,将对象初始化为null,可以知道变量是否保存了对象的引用 2.undefi ...
- JavaScript typeof, null, 和 undefined
typeof 操作符 你可以使用 typeof 操作符来检测变量的数据类型. 实例 typeof "John" // 返回 string typeof ...
- JavaScript中调皮的undefined
JavaScript中调皮的undefined 在JavaScript中undefined只是一个标识符,不是关键字,这个很不靠谱的标识符还不能像其他符号一样随意使用,一方面是需要它的原始值保持不变, ...
- JavaScript中 null 的 typeof是object
JavaScript中 null 的 typeof是object
随机推荐
- JavaScript超大整数加法
原文:JavaScript超大整数加法 什么是「超大整数」? JavaScript 采用 IEEE754标准 中的浮点数算法来表示数字 Number. 我也没花时间去详细了解 IEEE754标准 ,但 ...
- js 实现自动换行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 浏览器检测(BrowserDetect.js)使用
浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果 ...
- iOS_1_加法器
: BeyondViewController.h // // BeyondViewController.h // 01_calc // // Created by beyond on 14-7-20. ...
- C#实现函数根据返回类型重载
一直以来都很奇怪为何C#不能直接支持函数返回值重载, 比如如下两个函数是编译不过的 Public Class DbHelper { Public Static int ExecuteScalar(); ...
- 自动生成api文档
vs2010代码注释自动生成api文档 最近做了一些接口,提供其他人调用,要写个api文档,可是我想代码注释已经写了说明,能不能直接把代码注释生成api?于是找到以下方法 环境:vs2010 先下载安 ...
- 凝结时光:ImageMagick 制作 gif
从去年12.12开始,工作日都会从单位的落地窗向外拍一张照片,有点每日打卡的意思.weekday 是一天不落的,weekend 不是每次都到单位,落了几次. 想法来自上学的时候,有同学在同一个地方,拍 ...
- jquery 实现飘落效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 公众平台Bee.WeiXin
微信公众平台Bee.WeiXin开发介绍 阅读目录 开始 预览 配置项说明 调用链方式的应答 理解调用链上下文 自定义MVC响应 总结 我们来看一下如何通过Bee.WeiXin开发微信公众平台.关于微 ...
- HTML5 实现拍照上传
最近开始研究Html5,感觉功能很强大,下面做个实现拍照上传功能的例子. 一.视图:注意,在不同的浏览器有不同的navigator格式,其他类型浏览器的格式大家可以直接网上找到,这里就不列举了 < ...