typeof instanceoff和typeof运算符的区别详解

from:/article/skills/javascript_typeof_instanceof.htm JavaScript中typeof和instanceof常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的:
typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。
它返回值是一个字符串,该字符串说明运算数的类型。,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。 我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){alert("ok")},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array,Null等特 殊对象使用typeof一律返回object,这正是typeof的局限性。
网上的一个小例子:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&javascript类型测试&/title&
instanceofinstance:实例,例子a instanceof b?alert("true"):alert("false");&& //a是b的实例?真:假instanceof 用于判断一个变量是否某个对象的实例,如var a=new Array();alert(a instanceof Array);会返回true,同时alert(a instanceof Object)也会返回这是因为Array是object的子类。再如:function test(){};var a=new test();alert(a instanceof test)会返回 谈到instanceof我们要多插入一个问题,就是function的arguments,我们大家也许都认为arguments是一个Array,但如果使用instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。另外:测试 var a=new Array();if (a instanceof Object) alert('Y');else alert('N');得'Y’ 但 if (window instanceof Object) alert('Y');else alert('N');得'N'所以,这里的instanceof测试的object是指js语法中的object,不是指dom模型对象。使用typeof会有些区别alert(typeof(window) 会得 object
阅读(...) 评论()JavaScript中instanceof与typeof运算符的用法及区别详细解析
字体:[ ] 类型:转载 时间:
这篇文章主要是对JavaScript中instanceof与typeof运算符的用法及区别进行了详细的分析介绍。需要的朋友可以过来参考下,希望对大家有所帮助
JavaScript中的instanceof和typeof常被用来判断一个变量是什么类型的(实例),但它们的使用还是有区别的:
typeof 运算符返回一个用来表示表达式的数据类型的字符串。
expression 参数是需要查找类型信息的任意表达式。
说明typeof 是一个一元运算符,放在一个运算数之前。
typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: “number” ,“string”, “boolean”, “object” ,“function”, 和 “undefined.”
(而 ECMAScript 有 5 种原始类型(primitive type),即 Undefined、Null、Boolean、Number 和 String。)
1、我们上面提到了ECMAScript的5种原始类型,在使用typeof操作符时,我们需要特别区分"对象类型"与"对象值"(字面值)的差别。例如Boolean 对象是 Boolean 原始类型的引用类型,而true和false则是Boolean对象的两个可能的对象值。我们可以把 ECMAScript的预定义对象(相对于其他语言中的类)看作是 相应类型的原始值的封装(或包装)。而ECMAScript的所有预定义对象又都是继承于Object对象。因此存在如下情况: 代码如下:  var testvar= new Number(68);  alert(typeof testvar);  //输出& "object"  testvar= 68;  alert(typeof testvar);  //输出& "number"又如:
代码如下:  function Person(){}  document.write ("&br&typeof(Person):"+typeof(Person));    //function  var person = new Person();  document.write ("&br&typeof(person):"+typeof(person));    //object注意:从传统意义上来说,ECMAScript 并不真正具有类。事实上,除了说明不存在类,在 ECMA-262 中根本没有出现“类”这个词。ECMAScript 定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。
另外:这些预定义对象覆盖了Object 对象的 ValueOf() 方法,返回其原始值。而这些对象的所有属性和方法都可应用于相应类型的原始值上,因为它们是伪对象。
2、typeof 运算符对于 null 值会返回 "Object"。这实际上是 JavaScript 最初实现中的一个错误,然后被 ECMAScript 沿用了。现在,null 被认为是对象的占位符,从而解释了这一矛盾,但从技术上来说,它仍然是原始值。
1、值 undefined 并不同于未定义的值。但是,typeof 运算符并不真正区分这两种值。考虑下面的代码:
var oTalert(typeof oTemp);& //输出 "undefined"alert(typeof oTemp2);& //输出 "undefined"
前面的代码对两个变量输出的都是 "undefined",即使只有变量 oTemp2 从未被声明过。如果对 oTemp2 使用除 typeof 之外的其他运算符的话,会引起错误,因为其他运算符只能用于已声明的变量上。
2、当函数无明确返回值时,返回的也是值 "undefined",如下所示:
function testFunc() {}alert(testFunc() == undefined);& //输出 "true"3、类型Null,它只有一个专用值 null,即它的字面量。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。
alert(null == undefined);& //输出 "true"尽管这两个值相等,但它们的含义不同:
undefined 是声明了变量但未对其初始化时赋予该变量的值 或 未声明过的变量(只能用于typeof,但作为赋值目标时编译器会自动将其声明为全局变量)。
null 则用于表示尚未存在的对象(即对象为空,或对象找不到)。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。
3、我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错。
对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对象的实例则要选择使用instanceof。
instanceof 运算符在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。
instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型。例如:
var oStringObject = new String("hello world");alert(oStringObject instanceof String);&//输出 "true"这段代码问的是“变量 oStringObject 是否为 String 对象的实例?”oStringObject 的确是 String 对象的实例,因此结果是 "true"。尽管不像 typeof 方法那样灵活,但是在 typeof 方法返回 "object" 的情况下,instanceof 方法还是很有用的。
instanceof运算符
是一个二元运算符。返回一个 Boolean 值,指出对象是否是特定类的一个实例。
expression& instanceof class
&expression& 必选项。任意对象表达式。
&class  必选项。任意已定义的对象类。
说明如果 object 是 class 的一个实例,则 instanceof 运算符返回 true 。如果 object不是指定类的一个实例,或者 object 是 null ,则返回 false 。
用于判断一个变量是否某个对象的实例,
如var a=new Array();alert(a instanceof Array);会返回true,同时alert(a instanceof Object)也会返回这是因为Array是object的子类。
再如:function test(){};var a=new test();alert(a instanceof test)会返回true。
关于function 的 arguments,我们大家也许都认为 arguments 是一个 Array,但如果使用 instaceof 去测试会发现 arguments 不是一个 Array 对象,尽管看起来很像。
此外还有类似的情况,例如:
var a=new Array();if (a instanceof Object) alert('Y');else alert('N');  得'Y'
但 if (window instanceof Object) alert('Y');else alert('N');    得'N'
所以,这里的 instanceof 测试的 object 是指 js 语法中的 object,不是指 dom 模型对象。
而此时使用 typeof 会有些区别: alert(typeof(window)) 会得 object
引申:JavaScript中的instanceof操作符的原理是什么?
学习js时,了解到在判断js中一个实例是否属于某一种类型时,可以使用instanceof操作符,比如function Person(){}
var person = new Person();& alert(person instanceof Person);//返回true
那么在执行instanceof这个操作时经过了怎样的判断,返回了true/false?
会不会是通过判断Person.prototype与person的内部指针[[prototype]]两者引用是否相同而得出结果的?
其实,凡是能在实例的"原型对象链"中找到该构造函数的prototype属性所指向的原型对象,就返回true。
而prototype根本就不是实例具有的属性(或者说实例的prototype属性为undefined),而是它原型对象中的属性,如果被篡改了,这个判断方法就不能正确返回了。另外,能不能直接判断 person.constructor == Person来取得想要的结果呢?
我们做个测试,如下JavaScript代码: 代码如下:function Person(name,sex){this.name=this.sex=}document.write ("&br&typeof Person:"+typeof Person);document.write ("&br&typeof Person.prototype:"+typeof Person.prototype);document.write ("&br&typeof Person.constructor:"+typeof Person.constructor);
var person = new Person();document.write ("&br&&br&var person = new Person();");document.write ("&br&typeof person:"+typeof person);document.write ("&br&typeof person.prototype:"+typeof person.prototype);document.write ("&br&typeof person.constructor:"+typeof person.constructor);
document.write ("&br&&br&Function.constructor:"+Function.constructor);document.write ("&br&&br&Function.prototype:"+Function.prototype);
document.write ("&br&&br&Person.constructor:"+Person.constructor);document.write ("&br&&br&Person.prototype:"+Person.prototype);
document.write ("&br&&br&person.constructor:"+person.constructor);document.write ("&br&&br&person.prototype:"+person.prototype);
输出如下:
typeof Person:functiontypeof Person.prototype:objecttypeof Person.constructor:function
var person = new Person();typeof person:objecttypeof person.prototype:undefinedtypeof person.constructor:function
Function.constructor:function Function() { [native code] }Function.prototype:function Empty() {}
Person.constructor:function Function() { [native code] }Person.prototype:[object Object]
person.constructor:function Person(name,sex){this.name=this.sex=}person.prototype:undefined
和Function类似,Number()为Number对象的构造函数,Number()用于将其参数转换为数字number类型,并返回转换结果(若不能转换则返回NaN)。
在JavaScript中constructor较少使用,variable.constructor返回其对象类的构造函数的字符串表示。
那么在JavaScript中判断数据类型时,我们可以使用以下方式来得到其详细数据类型:
if((typeof a=="object") && (a.constructor==Array)){…}
注意:constructor只能对已有变量进行判断,而typeof则可对未声明变量或空对象进行判断(返回undefined)。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具instanceof和typeof运算符的区别详解_百度知道
instanceof和typeof运算符的区别详解
我有更好的答案
不过数组是一个例外: var str=new String(&quot,否则返回false.log(str instanceof String);)。 一般说来只有使用构造函数创建的对象才会返回true,因为str是对象String的对象实例; 以上代码会输出antzone&quot代码如下,都会返回true
其他类似问题
为您推荐:
instanceof的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 运算符和函数的区别 的文章

 

随机推荐