首页 > JavaScript

JS判断类型（typeof+constructor+toString）

使用 typeof 运算符可以判断基本数据类型，我们在《JavaScript基本数据类型》中已经进行了演示，这里不再赘述。

但是 typeof 有很多局限性，所以本节再介绍两种更灵活的方法，以应对高级开发可能遇到的各种复杂情况。

使用 constructor

constructor 是 Object 类型的原型属性，它能够返回当前对象的构造器（类型函数）。利用该属性，可以检测复合型数据的类型，如对象、数组和函数等。

示例1

下面代码可以检测对象和数组的类型，以此可以过滤对象、数组。 
var o = {};
var a =[];
if (o.constructor == Object) document.write("o 是对象");
if (a.constructor == Array) document.write("a 是数组");

结合 typeof 运算符和 constructor 原型属性，可以检测不同类型的数据。表中列举了常用类型数据的检测结果。

常用数据类型检测结果
值（value） typeof value（表达式返回值） value.constructor（构造函数的属性值）
var value = 1 "number" Number
var value = "a" "string" String
var value = true "boolean" Boolean
var value = {} "object" Object
var value = new Object() "object" Object
var value = [] "object" Object
var value = new Array() "object" Object
var value = function(){} "function" Function
function className(){};
var value = new className();		 "object" Object

示例2

undefined 和 null 没有 constructor 属性，不能够直接读取，否则会抛出异常。因此，一般应先检测值是否为 undefined 和 null 等特殊值，然后再调用 constructor 属性。 
var value = undefined;
console.log(value && value.constructor);  //返回 undefined
var value = null;
console.log(value && value.constructor);  //返回 null

数值直接量也不能直接读取 constructor 属性，应该先把它转换为对象再调用。 
console.log(10.construetor);  //抛出异常
console.log((10).constructor);  //返回 Number 类型
console.log(Number(10).constructor);  //返回 Number 类型

使用 toString

toString 是 Object 类型的原型方法，它能够返回当前对象的字符串表示。利用该属性，可以检测复合型数据的类型，如对象、数组、函数、正则表达式、错误对象、宿主对象、自定义类型对象等；也可以对值类型数据进行检测。

示例1

下面示例简单演示 toString() 方法的使用。 
var o = {}; //对象
var a = [1,2]; //数组
var f = function(){}; //函数
console.log(o.toString()); //表示为 "[object Object]"
console.log(a.toString()); //表示为 "1,2"
console.log(f.toString()); //表示为 "function (){}"

测试发现，不同类型对象调用 toString() 方法时返回的字符串格式并不统一，这是因为不同类型的子类在继承 Object 的原型方法 toString，时重写了该方法。如果在对象上调用 Object 的原型方法 toString()，就会返回统一格式的字符串表示。例如： 
var _toString = Object.prototype.toString;  //引用 Objget 的原型方法 toString ()
//使用 apply 方法在对象上动态调用 Object 的原型方法 toString ()
console.log(_toString.apply(o));  //表示为 "[object Object]"
console.log(_toString.apply(a));  //表示为 "[object Array]"
console.log(_toString.apply(f));  //表示为 "[object Function]"

示例2

重写 toString() 方法，利用其返回的数据类型的字符串表示，可以设计一种更安全、更强健的类型检测方法，而且用户可以扩展检测类型的范围，如用户自定义类型、宿主类型等。

设计思路

首先，仔细分析不同类型对象的 toString() 方法返回值，会发现由 Object 的原型方法 toString() 直接返回的字符串格式如下：

[object Class]

其中，object 表示对象的基本类型，Class 表示对象的子类型，子类型的名称与该对象的构造函数名对应。例如，Object 对象的 Class 为 "Object"，Array 对象的 Class 为 "Array" , Function 对象的 Class 为 "Function", Date 对象的 Class 为 "Date"，Math 对象的 Class 为 "Math"，Error 对象（包括 Error 子类）的 Class 为 "Error" 等。

宿主对象也有预定义的 Class 值，如 "Window" "Document" 和 "Form" 等。用户自定义对象的 Class 为 "Object"。用户自定义的类型，可以根据该格式自定义类型表示。

Class 值提供的信息与 constructor 属性值都能够检测数据类型，但是 Class 值是以字符串的形式提供这些信息，这在开发环境中是非常有用的。而使用 typeof 运算符进行类型检测，由于其返回的字符串表示比较有限，无法准确分辨 Object、Function 和 Array 等类型。

实现代码

下面是比较完整的数据类型检测函数。 
//强健的数据类型检测工具函数
//参数：obj 表示待检测的值
//返回值：返回字符串表示，格式与 typeof 运算符相同，
//"undefined" "number" "boolean" "string" "function"
//"regexp" "array" "date" "error" "object"或 "null"
function typeOf(obj){
  var _toString = Object.prototype.toString; //引用 Object 的原型方法 toString () //列奉所有可能的类型字符串表示
  //模仿typeof运算符返回值，通过映射，统一字符串表示的值 
  var _type ={
    "undefined" : "undefined",
    "number" : "number",
    "boolean" : "boolean",
    "string" : "string",
    "[object Function]" : "function0f",
    "[object RegExp]" : "regexp",
    "[object Array] " : "array",
    "[object Date]" : "date",
    "[object Error]" : "error"
    //在这里可以继续展开要检测的类型
  }
//把值转换为字符串表示，然后匹配 _type 对象中的键值对，最后处理特殊值 null
return _type[typeof obj] || _type[_toString.call(obj)] || (obj ? "object" :"null");
}

在上面检测函数中，先引用 Object 的原型方法 toString()，然后列举出所有可能存在的数据类型，把不同形式的字符串表示通过对象的键值对映射进行统一，模拟 typeof 运算符的返回值格式，设计所有类型返回的字符串表示都以小写的单个词来表示。接着使用 typeof 运算符或者 toString() 原型方法获取类型的字符串表示，再通过对象映射获得统一的字符串表示并返回。最后，单独处理特殊值 null，定义其返回值为"null"；对于不能映射的类型，则统一返回根类型表示"object"。

应用代码

var _abs = Math.abs;  //引用 Math 对象的 Abs 方法
console.log(typeOf(_abs));  //返回字符串表示 "function”
  //说明该方法为一个 Function 类型
上述方法适用于 JavaScript 基本类型和内置对象，如果要检测宿主对象和自定义类型，则需要用户添加 _type 对象的键值对，以扩展类型检测的范围。