分享JavaScript类型之间的比较

JavaScript的类型

原始类型：

• number

• string

• boolean

• null

  立即学习“Java免费学习笔记（深入）”；

• undefined

对象类型：

• Object

• function

• Array

• Date

• ...

隐式转换

+/- 运算

• "37" + 7 = "377"

• "37" - 7 = 30

== 运算

以下为true：

• "1.23" == 1.23

• 0 == false

• null == undefined

比较运算

===严格等于

• 类型不同，返回false

• 类型相同，以下为true：

  

  Multiavatar

  Multiavatar是一个免费开源的多元文化头像生成器，可以生成高达120亿个虚拟头像

  下载

• null === null

• undefine === null

• NaN != NaN

• new Object != new Obejct

==等于

• 类型相同，同===

• 类型不同，尝试类型转换比较

• null == undefined

• number == string 转number

• boolean == ? 转number

• Object == number | string 尝试对象转换为基本类型

• 其他：false

包装类型

为了便于操作基本类型值，Js提供了基本类型的自动包装功能，每单读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，并在调用后自动销毁。

由于基本包装类型和基本类型的含义并不一样，会导致typeof等操作产生不同的结果，不推荐显示实例化基本数据类型

var a = "string";
alert(a.length);    //6

a.t = 3;
alert(a.t);         //undefined

类型检测

typeof

以下为true：

typeof 100 === “number”
typeof true === “boolean”
typeof function () {} === “function”
typeof(undefined) ) === “undefined”
typeof(new Object() ) === “object”
typeof( [1， 2] ) === “object”
typeof(NaN ) === “number”   //NaN也为number
typeof(null) === “object”

instanceof

obj instanceof Object 利用原型链进行判断，适用于对象间判断。它期望左边是一对象，右边是函数对象或函数构造器。

以下为true：

[1, 2] instanceof Array === true
new Object() instanceof Array === false

Object.prototype.toString.apply()

Object.prototype.toString.apply([]); === “[object Array]”;
Object.prototype.toString.apply(function(){}); === “[object Function]”;
Object.prototype.toString.apply(null); === “[object Null]”
Object.prototype.toString.apply(undefined); === “[object Undefined]”

// IE6/7/8 Object.prototype.toString.apply(null) 返回”[object Object]”

小结

• typeof
  适合基本类型及function检测，遇到null失效。

• [[Class]]
  通过{}.toString拿到，适合内置对象和基元类型，遇到null和undefined失效(IE678等返回[object Object])。

• instanceof
  适合自定义对象，也可以用来检测原生对象，在不同iframe和window间检测时失效。