JavaScript instanceof 的使用方法示例介绍
更新时间：2013年10月23日 17:07:26 作者：
判断一个变量的类型尝尝会用 typeof 运算符而他毕竟有些缺陷，就是无论引用的是什么类型的对象，它都返回object，这时就要用到instanceof来检测某个对象是不是另一个对象的实例
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。
通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。
另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。
// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例function Aoo(){}
function Foo(){}
Foo.prototype = new Aoo();//JavaScript 原型继承
var foo = new Foo();
console.log(foo instanceof Foo)//true
console.log(foo instanceof Aoo)//true
上面的代码中是判断了一层继承关系中的父类，在多层继承关系中，instanceof 运算符同样适用。
instanceof 复杂用法
function Cat(){}
Cat.prototype = {}
function Dog(){}
Dog.prototype ={}
var dog1 = new Dog();
alert(dog1 instanceof Dog);//true
alert(dog1 instanceof Object);//true
Dog.prototype = Cat.prototype;
alert(dog1 instanceof Dog);//false
alert(dog1 instanceof Cat);//false
alert(dog1 instanceof Object);//true;
var dog2= new Dog();
alert(dog2 instanceof Dog);//true
alert(dog2 instanceof Cat);//true
alert(dog2 instanceof Object);//true
Dog.prototype = null;
var dog3 = new Dog();
alert(dog3 instanceof Cat);//false
alert(dog3 instanceof Object);//true
alert(dog3 instanceof Dog);//error
要想从根本上了解 instanceof 的奥秘，需要从两个方面着手：1，语言规范中是如何定义这个运算符的。2，JavaScript 原型继承机。大家感兴趣的可以去查看相关资料。
通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。
另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。
复制代码 代码如下:
// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例function Aoo(){}
function Foo(){}
Foo.prototype = new Aoo();//JavaScript 原型继承
var foo = new Foo();
console.log(foo instanceof Foo)//true
console.log(foo instanceof Aoo)//true
上面的代码中是判断了一层继承关系中的父类，在多层继承关系中，instanceof 运算符同样适用。
instanceof 复杂用法
复制代码 代码如下:
function Cat(){}
Cat.prototype = {}
function Dog(){}
Dog.prototype ={}
var dog1 = new Dog();
alert(dog1 instanceof Dog);//true
alert(dog1 instanceof Object);//true
Dog.prototype = Cat.prototype;
alert(dog1 instanceof Dog);//false
alert(dog1 instanceof Cat);//false
alert(dog1 instanceof Object);//true;
var dog2= new Dog();
alert(dog2 instanceof Dog);//true
alert(dog2 instanceof Cat);//true
alert(dog2 instanceof Object);//true
Dog.prototype = null;
var dog3 = new Dog();
alert(dog3 instanceof Cat);//false
alert(dog3 instanceof Object);//true
alert(dog3 instanceof Dog);//error
要想从根本上了解 instanceof 的奥秘，需要从两个方面着手：1，语言规范中是如何定义这个运算符的。2，JavaScript 原型继承机。大家感兴趣的可以去查看相关资料。
相关文章
在JavaScript中处理时间之getHours()方法的使用
这篇文章主要介绍了在JavaScript中处理时间之getHours()方法的使用,是JS入门学些中的基础知识,需要的朋友可以参考下2015-06-06
有时候我们需要获取当前网页的网址，方便我们判断，一般情况我们都是通过location.href来获取2013-12-12
Javascript模块化编程(一)AMD规范(规范使用模块)
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块,先想一想，为什么模块很重要？接下来为您详细介绍，感兴趣的朋友可以了解下啊2013-01-01
js nextSibling属性和previousSibling属性概述及使用注意
nextSibling属性:该属性表示当前节点的下一个节点；如果其后没有与其同级的节点，则返回null;previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下，感兴趣的你不妨了解下哦，或许对你有所帮助2013-02-02
当你正在寻找 web 开发的工作时，我认为 JavaScript 是可以起步的伟大语言，他进入门槛低、跨平台、已经成熟而且是个很好的跳板。2014-12-12
这篇文章主要介绍了JavaScript中的getDay()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
在js中，创建对象的方式有工厂模式和构造函数模式等,但是，构造函数中的每个方法都需要在实例对象中重新创建一遍，不能复用，就需要使用原型模式来创建对象。下面我们来了解一下吧2019-05-05
本文主要介绍的是常用的Javascript数据验证插件，包括电话号码验证，邮件验证，身份证验证,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了Javascript中的getUTCDay()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
这篇文章介绍了Javascript基础 函数“重载” ，有需要的朋友可以参考一下2013-10-10
最新评论