判断js对象的数据类型，有没有一个最完美的方法？

先来一个例子：

Javascript代码

var string1="";
var string2=new String("");
alert(typeof string1); // string
alert(typeof string2); // object
alert(string1 instanceof String); // false
alert(string2 instanceof String); // true

哦，我的天，难道要这样来判断：

Javascript代码

typeof str == "string" || str instanceof String

其实我还想告诉你一件关于instanceof的故事：

父页面 parent.html

Html代码

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<iframe id="testFrame" src="about:blank"></iframe>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var str=new String("");
document.getElementById("testFrame").src="child.html";
//-->
</SCRIPT>

子页面 child.html

Html代码

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
child
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(parent.str instanceof String); // false
alert(parent.str instanceof parent.String); // true
//-->
</SCRIPT>

父页面的String类与子页面的String类是不同的类(姑且称之为类)，所以使用关键字instanceof来判断一个对象的时候特别要注意这个对象是在哪个window对象里的。这样一来使用起来真的很不舒服。

下面要介绍一个方法可以解决以上提出的问题：

Javascript代码

function type(obj){
switch(obj){
case null:
return "null";
case undefined:
return "undefined";
}
var s=Object.prototype.toString.call(obj);
switch(s){
case "[object String]":
return "string";
case "[object Number]":
return "number";
case "[object Boolean]":
return "boolean";
case "[object Array]":
return "array";
case "[object Date]":
return "date";
case "[object Function]":
return "function";
case "[object RegExp]":
return "regExp";
case "[object Object]":
return "object";
default:
return "object";
}
}

问题又来了，这个方法在iframe、window.showModalDialog模式中运行的很好，但是在window.open模式下面却会出错(IE6环境下会出错，IE7 IE8没有试过。firefox不会出错)：

Javascript代码

alert(opener.str instanceof opener.String); // 报js错误 "缺少函数"
alert(Object.prototype.toString.call(opener.str)); // [object Object]
alert(opener.Object.prototype.toString.call(opener.str)); // [object String] 需要在Object前加上opener

哪位高手来帮我解决一下这个问题啊？？郁闷那，难道要向type方法传递一个window参数，太麻烦了

附上html文件，parent.html中定义了mode参数，分别是1、2、3代表三种模式（见注释），测试时运行parent.html

时间： 2024-10-06 23:10:13

判断js对象的数据类型，有没有一个最完美的方法？的相关文章

如何判断js中的数据类型？

js六大数据类型:number.string.object.Boolean.null.undefined string: 由单引号或双引号来说明,如"string" number: 什么整数啊浮点数啊都叫数字,你懂的~ Boolean: 就是true和false啦 undefined: 未定义,就是你创建一个变量后却没给它赋值~ null: 故名思久,null就是没有,什么也不表示 object: 这个我也很难解释的说.就是除了上面五种之外的类型如何判断js中的数据类型:type

判断js中的数据类型的几种方法

判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异同. 先举几个例子: 1 var a = "iamstring."; 2 var b = 222; 3 var c= [1,2,3]; 4 var d = new Date(); 5 var e = function(){alert(111);}; 6 var f = function()

转：判断js中的数据类型的几种方法

判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异同. 先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name=&

判断js中的数据类型的方法

在判断js中的数据类型我们通常会使用typeOf()方法, typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 object typeof (function(){}) 输出 function typeof undefined

如何判断js中的数据类型

如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较如何判断js中的类型呢,先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name="22";}; 最常见的判断方法:typeof

[转]如何判断js中的数据类型

原文地址:http://blog.sina.com.cn/s/blog_51048da70101grz6.html 如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较如何判断js中的类型呢,先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var

判断js中的数据类型

创建Vue.js对象：我的第一个Vue.js输出信息

<!DOCTYPE html><html><head><meta charset=”utf-8″><title>Vue第一条信息</title><script src=”js/vue.js”></script></head><body><div id=”app”><p>{{ message }}</p></div> <script&g

怎样判断js对象的类型

在编写js程序的过程中,可能常常需要判断一个对象的类型,例如你写了一个函数,需要通过判断不同的参数类型来编写不同的代码. 首先可能会想到typeof操作符,看下面的这个例子: <script type="text/javascript"> var object = {}; var b = true; alert(typeof object + " " + typeof b); </script> 得到的结果如下: 从上面的结果可以看到,用ty