JavaScript数据类型检测：typeof、constructor与instanceof详解

JavaScript数据类型概述

JavaScript的数据类型主要分为两类：基本类型和引用类型。基本类型包括number、string、boolean、undefined和null这五种；而引用类型仅包含object一种。

typeof运算符：基础检测与局限

一、 typeof运算符：基础检测

首先，我们使用typeof来检测基本数据类型。以下代码展示了具体实现：

 
// 获取变量obj的数据类型
function getType(obj) {
return typeof (obj);
} 
/*常量获取类型*/
alert(getType(1)); //number
alert(getType("jeff wong")); //string
alert(getType(true)); //boolean
alert(getType(undefined)); //undefined
alert(getType(null)); //object
/*变量获取类型*/
var num = 1;
var str = "jeff wong";
var flag = true;
var hell = undefined;
var none = null;
alert(getType(num)); //number
alert(getType(str)); //string
alert(getType(flag)); //boolean
alert(getType(hell)); //undefined
alert(getType(none)); //object

从上述结果可以看出，typeof对于前四种基本类型的检测符合预期，但typeof null返回了object。需要注意的是，null是null类型的唯一值，它本身并非object，拥有null值的变量也不是object。因此，仅靠typeof无法准确识别null类型。为了正确获取基本数据类型，可以对getType函数进行如下改进：

 
function getType(obj) {
return (obj === null) ? "null" : typeof (obj);
} 

接下来，我们尝试使用typeof检测复杂数据类型object：

 
function Cat() {
} 
Cat.prototype.CatchMouse = function () {
//do some thing
} 
// 获取变量obj的数据类型
function getType(obj) {
return (obj === null) ? "null" : typeof (obj);
} 
var obj = new Object();
alert(getType(obj)); //object
var func = new Function();
alert(getType(func)); //function
var str = new String("jeff wong");
alert(getType(str)); //object
var num = new Number(10);
alert(getType(num)); //object
var time = new Date();
alert(getType(time)); //object
var arr = new Array();
alert(getType(arr)); //object
var reg = new RegExp();
alert(getType(reg)); //object
var garfield = new Cat();
alert(getType(garfield)); //object

结果显示，除了Function（注意大小写）返回function外，无论是JavaScript内置对象（如Object、String、Date等）还是自定义构造函数，typeof均返回object。然而，对于自定义对象，我们往往希望知道其具体的构造函数名称（例如Cat而非object），而typeof无法提供这种区分能力。

constructor属性：识别具体类型

二、 constructor属性：识别具体类型

既然typeof存在局限，我们如何判断一个变量是否为自定义函数的实例呢？JavaScript中的所有对象都拥有constructor属性，该属性可用于判断object类型，尤其适用于自定义函数：

 
var obj = "jeff wong";
alert(obj.constructor == String); //true
obj = new Cat();
alert(obj.constructor == Cat); //true

但请注意以下测试代码：

 
//alert(1.constructor); //数字常量 出错 数字常量无constructor
var num = 1;
alert(num.constructor == Number); //true
alert("jeff wong".constructor == String); //true
var str = "jeff wong";
alert(str.constructor == String); //true
var obj= null;
alert(obj.constructor); //null没有constructor属性
none = undefined;
alert(obj.constructor); //undefined没有constructor属性

实验表明，数字常量、null和undefined均没有constructor属性。

至此，是否认为检测工作已完成？请看以下代码，它可能带来新的启示：

 
function Animal() {
} 
function Cat() {
} 
Cat.prototype = new Animal();
Cat.prototype.CatchMouse = function () {
//do some thing
} 
var obj = new Cat();
alert(obj.constructor == Cat); //false ？？
alert(obj.constructor == Animal); //true 理解

由此可见，在原型链继承的情况下，constructor属性的表现并不稳定。那么该如何解决这一问题？

instanceof操作符：实例关系判断

三、 instanceof操作符：实例关系判断

接下来介绍instanceof操作符。顾名思义，它用于判断对象是否为某个构造函数的实例。我们改进上述代码进行测试：

 
function Animal() {
} 
function Cat() {
} 
Cat.prototype = new Animal();
Cat.prototype.CatchMouse = function () {
//do some thing
} 
var garfield = new Cat();
alert(garfield instanceof Cat); //true 毫无疑问
alert(garfield instanceof Animal); //true 可以理解

关于JavaScript的数据类型检测，本文主要总结了上述三种方法。如有更完善的方案，欢迎补充。