获取JavaScript变量的类型（Finding Out Class Names of JavaScript Objects）

翻译修改自：http://magnetiq.com/2006/07/10/finding-out-class-names-of-javascript-objects/

 

JavaScript与一般的OO语言相比，缺少了一个获取对象类名的内置函数(如c#的GetType)。而JavaScript内置的typeof函数在判断数组和对象时，只会返回一个“object”，当然，对用户自定义的类型也是如此，下面的代码阐明了这一点：

 

 

Code
 1 function MyClassA() {   
 2 }   
 3   
 4 var obj = new Object();   
 5 var arr = new Array();   
 6 var myobj = new MyClassA();   
 7   
 8 document.write(typeof(obj) + "<br />");   
 9 document.write(typeof(arr) + "<br />");   
10 document.write(typeof(myobj) + "<br />");  
11 

 

上面的代码将会输出：

 

object
object
object

 

 

然而，JavaScript 对象还有一个constructor 属性（除了某些内置的对象，如window，document之外都有），它指向对象的构造器（constructor），而对象的构造器名字与对象的类型名是一样的，而构造器的名字又可以从constructor 属性的字符串中被解析出来。下面的代码就是使用了这种机制，来获得一个现有对象的类名称，返回值为已定义的类名或undefined

 

 

Code
 1 /* Returns the class name of the argument or undefined if  
 2    it's not a valid JavaScript object.  
 3 */  
 4 function getObjectClass(obj) {   
 5     if (obj && obj.constructor && obj.constructor.toString) {   
 6         var arr = obj.constructor.toString().match(   
 7             /function\s*(\w+)/);   
 8   
 9         if (arr && arr.length == 2) {   
10             return arr[1];   
11         }   
12     }   
13   
14     return undefined;   
15 }

 

下面是一些使用getObjectClass 方法和内置的typeof方法的例子，用它们分别测试了各种类型的对象：

 

Code
 1 function MyClass() {   
 2 }   
 3   
 4 function test(type, expr) {   
 5     var obj = eval(expr);   
 6   
 7     document.write("<p>" + type + ": <b>" +   
 8         expr + "</b><br />");   
 9     document.write("- toString() returns: " +   
10         obj.toString() + "<br />");   
11     document.write("- typeof() returns: <b>" +   
12         typeof(obj) + "</b><br />");   
13     document.write("- getObjectClass() returns: <b>" +   
14         getObjectClass(obj) + "</b></p>");   
15 }   
16   
17 test("Integer", "42");   
18 test("Boolean", "true");   
19 test("String", "\"Hello World!\"");   
20 test("Function", "MyClass");   
21 test("Regular expression", "/Match this!/");   
22 test("Intrinsic object", "document");   
23 test("Array object", "new Array(1, 2, 3)");   
24 test("Date object", "new Date()");   
25 test("Object object", "new Object()");   
26 test("MyClass object", "new MyClass()");  

 

输出如下：

 

 

Code
Integer: 42
- toString() returns: 42
- typeof() returns: number
- getObjectClass() returns: Number

Boolean: true
- toString() returns: true
- typeof() returns: boolean
- getObjectClass() returns: Boolean

String: "Hello World!"
- toString() returns: Hello World!
- typeof() returns: string
- getObjectClass() returns: String

Function: MyClass
- toString() returns: function MyClass() { }
- typeof() returns: function
- getObjectClass() returns: Function

Regular expression: /Match this!/
- toString() returns: /Match this!/
- typeof() returns: object
- getObjectClass() returns: RegExp

Intrinsic object: document
- toString() returns: [object]
- typeof() returns: object
- getObjectClass() returns: undefined

Array object: new Array(1, 2, 3)
- toString() returns: 1,2,3
- typeof() returns: object
- getObjectClass() returns: Array

Date object: new Date()
- toString() returns: Tue Aug 19 17:32:34 UTC+0800 2008
- typeof() returns: object
- getObjectClass() returns: Date

Object object: new Object()
- toString() returns: [object Object]
- typeof() returns: object
- getObjectClass() returns: Object

MyClass object: new MyClass()
- toString() returns: [object Object]
- typeof() returns: object
- getObjectClass() returns: MyClass

我们可以看到，typeof 方法在数组、对象、自定义类型对象 的测试中，都只能返回“object”，而getObjectClass 方法则会获得真正的类型名称。