`

js中 NaN、 null 及 undefined 的区别

 
阅读更多

NaN:保留字(表明数据类型不是数字)

undefined:对象属性或方法不存在,或声明了变量但从未赋值。
即当你使用了对象未定的属性或者未定义的方法时或当你声明一个变量,但你确从未对其进行赋值,便对
其进行操作(当然赋值除外),会有"undefined"提示null 值指出一个变量中没有包含有效的数据。

产生 null 的原因是:对一个变量显式地赋值为 null。 包含 null 的表达式之间的任何操作。

Boolean 表达式
一个值为 true 或者 false 的表达式。
如果需要,非 Boolean 表达式也可以被转换为 Boolean 值,但是要遵循下列规则:所有的对象都被当作 true。 当且仅当字符串为空时,该字符串被当作 false。
null 和 undefined 被当作 false。
当且仅当数字为零时,该数字被当作 false。

字符串比较
两个字符序列之间的比较。
除非在进行比较操作的函数中指出,所有的字符串比较操作都是二进制的。
在英语中,二进制比较区分大小写;而文本比较则不区分。

数值表达式
数值表达式指的是任何值为数字的表达式。这种表达式的元素可以包括关键字、变量、文字和运算
符的任意组合,只要此组合能够生成一个数字。在特定的情况下,如果可以的话,字符串也可以被
转换为数字。

构造函数
一种 JScript 函数,具有两个特殊的性质:由 new 运算符来调用此函数。 通过 this 关键字将新
创建对象的地址传递到此函数。 强列建议使用构造函数来初始化新的对象。

ASCII 字符集
美国标准信息交换编码 (ASCII) 的 7 位字符集,它被广泛地用来表示标准的美国键盘上的字母和符号。

ASCII 字符集与 ANSI 字符集中的头 128 个字符 (0–127) 完全相同。Automation 对象通过
Automation 接口可以被其他应用程序或编程工具使用的对象。

全球标准时间 (UTC)
全球标准时间指的是由世界时间标准设定的时间。原先也被称为格林威治标准
时间或者 GMT。

Jscript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型。
主要(基本)数据类型是:字符串 数值 布尔
复合(引用)数据类型是:对象 数组
特殊数据类型是:Null Undefined

null = = undefined
true

"NaN" = = NaN
false

5 = = NaN
false

NaN = = NaN
false

NaN != NaN
true

false = =0
true

true = =1
true

true = = 2
false

undefined = = 0
false

null = = 0
false

"5" = = 5
true


1.类型分析:

js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。
var a1;
var a2 = true;
var a3 = 1;
var a4 = "Hello";
var a5 = new Object();
var a6 = null;
var a7 = NaN;
var a8 = undefined;

alert(typeof a);   //显示"undefined"
alert(typeof a1); //显示"undefined"
alert(typeof a2); //显示"boolean"
alert(typeof a3); //显示"number"
alert(typeof a4); //显示"string"
alert(typeof a5); //显示"object"
alert(typeof a6); //显示"object"
alert(typeof a7); //显示"number"
alert(typeof a8); //显示"undefined"

从上面的代码中可以看出未定义的值和定义未赋值的为undefined,null是一种特殊的object,NaN是一种特殊的number。

2.比较运算

var a1;        //a1的值为undefined
var a2 = null;
var a3 = NaN;

alert(a1 == a2); //显示"true"
alert(a1 != a2); //显示"false"

alert(a1 == a3); //显示"false"
alert(a1 != a3); //显示"true"

alert(a2 == a3); //显示"false"
alert(a2 != a3); //显示"true"

alert(a3 == a3); //显示"false"
alert(a3 != a3); //显示"true"

从上面的代码可以得出结论:(1)undefined与null是相等;(2)NaN与任何值都不相等,与自己也不相等。


Null 数据类型
在 Jscript 中数据类型 null 只有一个值:null。关键字 null 不能用作函数或变量的名称。

包含 null 的变量包含“无值”或“无对象”。换句话说,该变量没有保存有效的数、字符串、boolean、数组或对象。可以通过给一个变量赋 null 值来清除变量的内容。

请注意,在 Jscript 中,null 与 0 不相等(与在 C 和 C++ 中不同)。同时应该指出的是,Jscript中 typeof 运算符将报告 null 值为 Object 类型,而非类型 null。这点潜在的混淆是为了向下兼容。

Undefined 数据类型
如下情况使返回 undefined 值:

对象属性不存在,
声明了变量但从未赋值。
注意不能通过与 undefined 做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以下的代码范例中,假设程序员想测试是否已经声明变量 x :

// 这种方法不起作用
if (x == undefined)
    // 作某些操作
// 这个方法同样不起作用- 必须检查
// 字符串 "undefined"
if (typeof(x) == undefined)
    // 作某些操作
// 这个方法有效
if (typeof(x) == "undefined")
    // 作某些操作
考虑将 undefined 值与null做比较。

针对上面的判断,如果变量 x 没有定义的话 if (x == undefined) {...}会抛出exception:变量x未定义,这句判断不会执行,可用try{...}catch(ex){...} 捕获。

不管x是否已经定义,使用 if (typeof(x) == undefined) 都会判断为 false。

someObject.prop == null;
如下情况时,比较的结果为 true,

如果属性 someObject.prop 包含 null 值,
如果属性 someObject.prop 不存在。
要检查一个对象属性是否存在,可以使用新的 in 运算符:
if ("prop" in someObject)
// someObject 有属性 'prop'

在JavaScript中,null与undefined一度使人迷惑。下面的分析,有利于你更清晰的认知它(或者让你更迷惑):

- null是关键字;undefined是Global对象的一个属性

- null是对象(空对象, 没有任何属性和方法);undefined是undefined类型的值。试试下面的代码:

       document.writeln(typeof null); //return object
       document.writeln(typeof undefined); //return undefined

- 对象模型中,所有的对象都是Object或其子类的实例,但null对象例外:
       document.writeln(null instanceof Object); //return false

- null“等值(==)”于undefined,但不“全等值(===)”于undefined:
       document.writeln(null == undefined); //return true
       document.writeln(null === undefined); //return false

- 运算时null与undefined都可以被类型转换为false,但不等值于false:
       document.writeln(!null, !undefined); //return true,true
       document.writeln(null==false); //return false
       document.writeln(undefined==false); //return false

分享到:
评论

相关推荐

    js判断undefined类型,undefined,null,NaN的区别

    js判断undefined类型,undefined,null,NaN的区别

    Javascript 中 null、NaN和undefined的区别总结

    1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。 代码 代码如下: var a1; var a2 = true; var a3 = 1; var a4 = “Hello”; var a5 = new Object()...

    JS中判断null、undefined与NaN的方法

    主要介绍了JS中判断null、undefined与NaN的方法,需要的朋友可以参考下

    javascript中的undefined 与 null 的区别 补充篇

    之前软件开发网发不过类似的文章JavaScript null和undefined区别分析JavaScript Undefined,Null类型和NaN值区别先说说undefined: Javascript中的变量是弱类型的(关于这个我想就不用我多解释啦), 所以声明变量的...

    JavaScript Undefined,Null类型和NaN值区别

    一 Undefined 类型 只有一种值 undefined 以下三种情况typeof 返回类型为undefined 1. 当变量未初始化时 2. 变量未定义时 3. 函数无明确返回值时(函数没有返回值时返回的都是undefined) undefined 并不等同于...

    有关JS中的0,null,undefined,[],{},””””,false之间的关系

    0与一些虚值的比较: 0与false 0==false true 0与”: 0==” true  0与[]: 0==[] ...0与NaN: 0==NaN ...0与undefined 0==undefined ...0与null 0==null ...''==undefined ...''==null ...''==NaN ...undefined == null=

    js判断undefined类型,undefined,null, 的区别详细解析

    本篇文章主要是对js判断undefined类型,undefined,null,NaN的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    JavaScript中严格判断NaN的方法

    在JavaScript中,假值有false、null、0、”“、undefined 和 NaN。 对于NaN的判断,JS提供了函数isNaN()。但是使用isNaN()函数只能判断变量是否非数字,而无法判断变量值是否为NaN。 于是,应用NaN的性质: > NaN ...

    javascript初级代码学习.zip

    001-HTML中嵌入JavaScript代码的第一种方式 002-HTML中嵌入JavaScript代码的第二种方式 003-HTML中嵌入JavaScript代码的第三种方式 ...014-null NaN undefined这三个值有什么区别 015-JS的常用事件-注册事件的两种方式

    not-defined:检查是否未定义foo,即undefined,null,空字符串,数组,对象或NaN

    没有定义的检查是否未定义foo,即undefined,null,空字符串,数组,对象或NaN |安装npm install not-defined用法此代码段import notDefined from 'not-defined'if ( notDefined ( foo ) ) { // do something, ...

    老生常谈javascript中逻辑运算符&&和||的返回值问题

    NaN null undefined 0 false; 所以3||5返回的是3; 如果||左右两边都是以上类型的值时,会返回最后一个 如 var a=0||null||undefined则a返回的值是undefined; 其次是&&的返回值问题: &&的返回值会返回最早遇到以下...

    javascript不同类型数据之间的运算的转换方法

    在js中有5种基础类型数据:string、number、boolean、null、undefined,其中,常用于计算或者比较的类型是前面三种。 基础数据之间的转换 其它类型转化数字 原始数据类型 目标类型Number undefined NaN null 0 ...

    js中bool值的转换及“&&”、“||”、 “!!”详解

    首先需要知道的是,js中有6个值为false,分别是: 0, ”, null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true. 可以使用Boolean()函数或是两次取非就能获得对象的布尔值,例如Boolean(undefined)和!!...

    JavaScript中三个等号和两个等号你了解多少

    众所周知,用在if条件判断语句中,js有六种假值:false, null, undefined, ”, NAN, 0。先来看几个例子: [] === [] NaN === NaN NaN == NaN 0 == [] '' == [] '' == {} [] == undefined {} == [] null == ...

    JavaScript中的undefined学习总结

    在使用了一个并未声明的变量时,或者使用了已经声明但是没有赋值的变量时,又...当未定义的值用于布尔环境,它会转换为false,当它用于一个数字环境,它会转换为NaN,当它用户一个字符串环境,它会转换为”undefined”

    2023程序员高频前端面试题

    基本类型有六种: null , undefined , boolean , number , string , symbol 。 其中 JS 的数字类型是浮点类型的,没有整型。并且浮点类型基于 IEEE 754标准实现,在使⽤中会遇到某些 Bug。 NaN 也属于 number ...

Global site tag (gtag.js) - Google Analytics