javascript对象类型判断

#####1.使用typeof操做符

typeof操做符号的做用是返回一个用于只是其操做对象类型的字符串。语法以下：

typeof val

val参数做为一个表达式，表明了javascript中的对象类型或基本数据类型，typeof运算会返回该对象或基本数据类型的字符串描述。

typeof根据操做对象和对应的类型描述字符串，包括如下几种：

<table class="standard-table"> <thead> <tr> <th scope="col">操做对象或基本数据类型</th> <th scope="col">类型描述字符串</th> </tr> </thead> <tbody> <tr> <td>Undefined</td> <td><code>"undefined"</code></td> </tr> <tr> <td>Null</td> <td><code>"object"</code></td> </tr> <tr> <td>Boolean</td> <td><code>"boolean"</code></td> </tr> <tr> <td>Number</td> <td><code>"number"</code></td> </tr> <tr> <td>String</td> <td><code>"string"</code></td> </tr> <tr> <td>Function</td> <td><code>"function"</code></td> </tr> <tr> <td>Object(任何其它js对象)</td> <td><code>"object"</code></td> </tr> </tbody> </table>

例如:

// string
typeof "" === "string";
typeof "abc" === "string" ;
typeof String("abc") === "string" ;
typeof (typeof 1) === "string" ;

// number
typeof 1 === "number" ;
typeof NaN === "number" ;
typeof Math.PI === "number" ;
typeof Infinity === "number" ;
typeof Number(1) === "number";

// boolean
typeof true === "boolean" ;
typeof false === "boolean" ;
typeof Boolean(false) === "boolean";

// undefined
typeof Undefined === "undefined" ;
typeof val === "undefined"; // 在js中经过var定义但未初始化的变量值为undefined,任何未经过var定义且未初始化的变量的初值为undefined

// function
typeof function(){} === "function" ; 
typeof String === "function" ;
typeof Object === "function" ;
typeof new Function() === "function" ;

// object
typeof {} === "object" ;
typeof [] === "object" ;
typeof new Date() === "object" ;
typeof new String("abc") === "object" ; // ---1
typeof new Number("abc") === "object" ; // ---2
typeof new Boolean("abc") === "object" ;// ---3
typeof null === "object"	// ---4

以上示例中，在判断对象类型时1,2,3,4四种状况比较特殊，其中1,2,3属于一类，javascript中经过new操做符来建立对象，new后面跟的是构造器(constructor)，javascript中没有相似于java中的自动装箱/拆箱(Auto-Boxing/Unboxing)机制来完成基本数据类型与其对应对象类型的自动转换，语言的灵活性与语法的规范性不能兼得，因此在实际编程中只能靠约定尽可能避免这种会产生歧义的使用方式。

null值在逻辑上表示空对象指针，这也能够理解typeof返回的返回值为何是"object"了。因此非空对象类型的正确的判断方式是

typeof val === "object" && val !== null

此外以上判断对象类型的示例中忽略了javascript中的正则表达式。因为浏览器之间的差别，对于正则表达式的判断没有一致性的实现，对于正则表达式而言，typeof可能会返回"object"或"function"

typeof /w/ === 'function' ;
typeof /w/ === 'object'

#####2.使用toString方法

javascript语言环境中提供了一些标准的内建对象类型，其中Object类型是全部对象类型的基类，javascript中没有纯粹化的类型的概念，而是基于javascript中特有的继承模式:原型链继承，全部内建类型对象或自定义类型对象在建立后都会继承Object.prototype中的属性和方法，在Object的原型对象中的toString()方法会返回一个表明对象类型的字符串，该字符串的格式为"[object type]",其中type则表明对象的类型。如:

var obj = new Object();
obj.toString(); // return [object Object]

所以只要自定义类型没有重写其原型对象中的toString()方法，或着派生自Object的对象没有重写toString()方法，那么调用对象自己的toString()方法能够正确得到其类型描述。如对于内建类型:

// date
new Date().toString(); // return [object Date]

// number
var val = 1 ;
new Number(1).toString();	// return [object Number]
val.toString(); // return [object Number]

// boolean
new Boolean(true).toString(); // return [object Boolean]
var val = true ;
val.toString(); // return [object Boolean]

// string
new String("").toString();// return [object String]
var val = “” ;
val.toString(); // return [object String]

// object
new Object().toString();// return [object Object]

// regexp
new Regexp().toString();// return [object Regexp]
var val = /w/ ;
val.toString();// return [object Regexp]

// array
new Array().toString();// return [object Array]
var val = [];
val.toString();// return [object Array]

// function
new Function().toString();// return [object Function]
var val = function(){};
val.toString();// return [object Function]

// error
new Error().toString();// return [object Error]

对于自定义类型:

function Person(name){
	this.name = name ;
}
new Person().toString();// return [object Object]

若是自定义类型覆盖toString方法，如:

Person.prototype.toString = function(){
	return "Person Class";
}

那么，以后

new Person().toString() // return Person Class

所以要在全部对象上都能使用原始的Object.ptototype.toString方法，须要结合Function.prototype.call方法，并将对象做为this参数传递进call方法，如:

var _toString = Object.prototype.toString;

_toString.call(new Person());// return [object Object]

这样相对于typeof来讲，使用toString方法来判断不但能区分变量是不是对象类型，甚至能够判断对象的是数组，日期，正则表达式,仍是函数。

Ecmascript5.1版本的规范中,toString上调用call方法，并将this参数设置为null或undefined调用后，分别返回'null'和'undefined'。

#####3.jQuery.type()的实现

jQuery中提供了一个用来判断对象内建类型的方法jQuery.type,其内部实现则是结合typeof和toString方法实现的。实现流程其源码以下:

1. 定义保存类型的全称与简写映射的对象

   // [[Class]] -> type pairs
    class2type = {},

2. 定义保存Object.prototype.toString方法的变量,此处使用的是原型继承来实现

   core_toString = class2type.toString,

3. 创建实际的映射关系,[object type] -- > type

   // Populate the class2type map
    jQuery.each("Boolean Number String Function Array Date RegExp Object 		Error".split(" "), function(i, name) {
    	class2type[ "[object " + name + "]" ] = name.toLowerCase();
    });

4. 实现jQuery.type方法，并扩展到jQuery中，如下是简化版

   jQuery.extend({
    	type: function( obj ) {
    		if ( obj == null ) {
    			return String( obj );
    		}
    		return typeof obj === "object" || typeof obj === "function" ?
    		class2type[ core_toString.call(obj) ] || "object" :
    		typeof obj;
    	}
    });

jQuery.type方法调用返回的是字符串类型，全部返回值包括'object','null','undefined','date','number','function','array','string','regexp','boolean'

javascript中 null == undefined会返回true

具体实例，参见jQuery.type官网API

Reference:

• MDN toString()
• MDN typeof
• jQuery.type()