获取JavaScript变量的类型


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

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

  Code

1functionMyClassA(){ 
2} 
3 
4varobj=newObject(); 
5vararr=newArray(); 
6varmyobj=newMyClassA(); 
7 
8document.write(typeof(obj)+"<br/>"); 
9document.write(typeof(arr)+"<br/>"); 
10document.write(typeof(myobj)+"<br/>"); 
11

  上面的代码将会输出:

object
object
object

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

  Code

1/*Returnstheclassnameoftheargumentorundefinedif 
2  it'snotavalidJavaScriptobject. 
3*/ 
4functiongetObjectClass(obj){ 
5  if(obj&&obj.constructor&&obj.constructor.toString){ 
6    vararr=obj.constructor.toString().match( 
7      /functions*(w+)/); 
8 
9    if(arr&&arr.length==2){ 
10      returnarr[1]; 
11    } 
12  } 
13 
14  returnundefined; 
15}

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

  Code

1functionMyClass(){ 
2} 
3 
4functiontest(type,expr){ 
5  varobj=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 
17test("Integer","42"); 
18test("Boolean","true"); 
19test("String",""HelloWorld!""); 
20test("Function","MyClass"); 
21test("Regularexpression","/Matchthis!/"); 
22test("Intrinsicobject","document"); 
23test("Arrayobject","newArray(1,2,3)"); 
24test("Dateobject","newDate()"); 
25test("Objectobject","newObject()"); 
26test("MyClassobject","newMyClass()"); 
输出如下:

  Code

Integer:42
-toString()returns:42
-typeof()returns:number
-getObjectClass()returns:Number
Boolean:true
-toString()returns:true
-typeof()returns:boolean
-getObjectClass()returns:Boolean
String:"HelloWorld!"
-toString()returns:HelloWorld!
-typeof()returns:string
-getObjectClass()returns:String
Function:MyClass
-toString()returns:functionMyClass(){}
-typeof()returns:function
-getObjectClass()returns:Function
Regularexpression:/Matchthis!/
-toString()returns:/Matchthis!/
-typeof()returns:object
-getObjectClass()returns:RegExp
Intrinsicobject:document
-toString()returns:[object]
-typeof()returns:object
-getObjectClass()returns:undefined
Arrayobject:newArray(1,2,3)
-toString()returns:1,2,3
-typeof()returns:object
-getObjectClass()returns:Array
Dateobject:newDate()
-toString()returns:TueAug1917:32:34UTC+08002008
-typeof()returns:object
-getObjectClass()returns:Date
Objectobject:newObject()
-toString()returns:[objectObject]
-typeof()returns:object
-getObjectClass()returns:Object
MyClassobject:newMyClass()
-toString()returns:[objectObject]
-typeof()returns:object
-getObjectClass()returns:MyClass

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

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

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

  Code

1functionMyClassA(){ 
2} 
3 
4varobj=newObject(); 
5vararr=newArray(); 
6varmyobj=newMyClassA(); 
7 
8document.write(typeof(obj)+"<br/>"); 
9document.write(typeof(arr)+"<br/>"); 
10document.write(typeof(myobj)+"<br/>"); 
11

  上面的代码将会输出:

object
object
object

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

  Code

1/*Returnstheclassnameoftheargumentorundefinedif 
2  it'snotavalidJavaScriptobject. 
3*/ 
4functiongetObjectClass(obj){ 
5  if(obj&&obj.constructor&&obj.constructor.toString){ 
6    vararr=obj.constructor.toString().match( 
7      /functions*(w+)/); 
8 
9    if(arr&&arr.length==2){ 
10      returnarr[1]; 
11    } 
12  } 
13 
14  returnundefined; 
15}

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

  Code

1functionMyClass(){ 
2} 
3 
4functiontest(type,expr){ 
5  varobj=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 
17test("Integer","42"); 
18test("Boolean","true"); 
19test("String",""HelloWorld!""); 
20test("Function","MyClass"); 
21test("Regularexpression","/Matchthis!/"); 
22test("Intrinsicobject","document"); 
23test("Arrayobject","newArray(1,2,3)"); 
24test("Dateobject","newDate()"); 
25test("Objectobject","newObject()"); 
26test("MyClassobject","newMyClass()"); 
输出如下:

  Code

Integer:42
-toString()returns:42
-typeof()returns:number
-getObjectClass()returns:Number
Boolean:true
-toString()returns:true
-typeof()returns:boolean
-getObjectClass()returns:Boolean
String:"HelloWorld!"
-toString()returns:HelloWorld!
-typeof()returns:string
-getObjectClass()returns:String
Function:MyClass
-toString()returns:functionMyClass(){}
-typeof()returns:function
-getObjectClass()returns:Function
Regularexpression:/Matchthis!/
-toString()returns:/Matchthis!/
-typeof()returns:object
-getObjectClass()returns:RegExp
Intrinsicobject:document
-toString()returns:[object]
-typeof()returns:object
-getObjectClass()returns:undefined
Arrayobject:newArray(1,2,3)
-toString()returns:1,2,3
-typeof()returns:object
-getObjectClass()returns:Array
Dateobject:newDate()
-toString()returns:TueAug1917:32:34UTC+08002008
-typeof()returns:object
-getObjectClass()returns:Date
Objectobject:newObject()
-toString()returns:[objectObject]
-typeof()returns:object
-getObjectClass()returns:Object
MyClassobject:newMyClass()
-toString()returns:[objectObject]
-typeof()returns:object
-getObjectClass()returns:MyClass

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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3