本篇内容主要讲解“JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数怎么使用”吧!
isPrototypeOf
作用：检测一个对象是否是另一个对象的原型。或者说一个对象是否被包含在另一个对象的原型链中
var p = {x:1};//定义一个原型对象var o = Object.create(p);//使用这个原型创建一个对象p.isPrototypeOf(o);//=>true：o继承pObject.prototype.isPrototypeOf(p);//=> true p继承自Object.prototype简单解释一下就是每一个JavaScript对象都和原型关联，每一个对象都从原型继承属性。所有通过对象直接量创建的对象都使用Object.prototype作为他们的原型，因此p是继承自Object.prototype，因此在p的原型链中一定存在Object.prototype。
上面还提到了Object.create();该方法创建一个新对象，第一个参数是这个对象的原型，所以上面创建的o对象它的原型就是p；
function Animal(){ this.species = "动物";};var eh = new Animal();Animal.prototype.isPrototypeOf(eh)//=>true以上实例是通过new创建了对象eh，使用构造函数Animal的prototype作为它的原型。
综合上面的两个例子，我们发现在调用isPrototypeOf()的时候有三种方式
p.isPrototypeOf(o);//=>trueObject.prototype.isPrototypeOf(p);Animal.prototype.isPrototypeOf(eh)//=>true总结一下就是：
通过Object.create()创建的对象使用第一个参数作为原型
通过对象直接量的对象使用Object.prototype作为原型
通过new创建的对象使用构造函数的prototype属性作为原型
instanceof
instanceof运算符希望左操作数是一个对象，右操作数标识对象的类。如果左侧对象是右侧类的实例，则表达式返回为true，否则返回false。
var d = new Date();d instanceof Date;//=>true d是Date的实例d instanceof Object;//=>true 所有对象都是Object的实例当通过instanceof判断一个对象是否是一个类的实例的时候，这个判断也会包含对父类的检测。尽管instanceof的右操作数是构造函数，但计算过程实际是检测了对象的继承关系。
instanceOf与isPrototypeOf简单总结
var d = new Date();Date.prototype.isPrototypeOf(d);//=>trued instanceof Date;//=>true如果Date.prototype是d的原型，那么d一定是Date的实例。
缺点为无法同对象来获得类型，只能检测对象是否属于类名
在多窗口和多框架的子页面的web应用中兼容性不佳。其中一个典型代表就是instanceof操作符不能视为一个可靠的数组检测方法。
hasOwnProperty
检测集合成员的所属关系，判断某个属性是否存在于某个对象中。可以通过in运算符，hasOwnProperty()来完成。
in运算符左侧是属性名，右侧是字符串，如果对象的自由属性或者继承属性中包含这个属性则返回true。
对象的hasOwnProperty()方法用来检测给定的名字是否是对象的自由属性，如果是继承属性则返回false。
function Animal(){}//定义Animal构造函数 Animal.prototype = {//定义Animal原型 species:"动物", say:function(){ console.log('i can say word'); } } function Cat(name,color){//定义构造函数Cat this.name = name; this.color = color;} var F = function(){}; F.prototype = Animal.prototype; Cat.prototype = new F(); Cat.prototype.constructor = Cat;//Cat继承Animal 用F空对象作为媒介 var eh = new Cat('lili','white');//实例化对象 console.log('say' in eh)//=>true console.log('name' in eh)//=>true console.log('color' in eh)//=>true console.log('species' in eh)=>true console.log(eh.hasOwnProperty('say'))=>false 由于say为继承属性 非自有属性 console.log(eh.hasOwnProperty('species'))=>false 由于species为继承属性 非自有属性 console.log(eh.hasOwnProperty('name'))=>true console.log(eh.hasOwnProperty('color'))=>true for(var key in eh){ console.log(key); if(eh.hasOwnProperty(key)){ console.log(key) //=>species say name color } }到此，相信大家对“JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
