这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf()
先讲解hasOwnProperty()方法和使用。在讲解isPropertyOf()方法和使用
看懂这些至少要懂原型链
一、Object.prototype.hasOwnProperty()
概述
hasOwnProperty()方法用来判断某个对象是否含有指定的自身属性
语法
obj.hasOwnProperty("属性名");//实例obj是否包含有圆括号中的属性,是则返回true,否则是false
描述
所有继承了Object.prototype的对象都会从原型链上继承到hasOwnProperty方法，这个方法检测一个对象是否包含一个特定的属性，和in不同，这个方法会忽略那些从原型链上继承的属性。
实例
1.使用hasOwnProperty()方法判断某对象是否含有特定的自身属性
下面的例子检测了对象 o 是否含有自身属性 prop：
var o =new Object();
o.prop="exists";
function change(){
o.newprop=o.prop;
delete o.prop;
}
o.hasOwnProperty("prop")//true
change()//删除o的prop属性
o.hasOwnProperty("prop")//false
//删除后在使用hasOwnProperty()来判断是否存在，返回已不存在了
2.自身属性和继承属性的区别
下面的列子演示了hasOwnProperty()方法对待自身属性和继承属性的区别。
var o =new Object();
o.prop="exists";
o.hasOwnProperty("prop");//true 自身的属性
o.hasOwnProperty("toString");//false 继承自Object原型上的方法
o.hasOwnProperty("hasOwnProperty");//false 继承自Object原型上的方法
3.修改原型链后hasOwnProperty()的指向例子
下面的列子演示了hasOwnProperty()方法对待修改原型链后继承属性的区别
var o={name:'jim'};
function Person(){
this.age=19;
}
Person.prototype=o;//修改Person的原型指向
p.hasOwnProperty("name");//false 无法判断继承的name属性
p.hasOwnProperty("age");//true;
4.使用hasOwnProperty()遍历一个对象自身的属性
下面的列子演示了如何在遍历一个对象忽略掉继承属性，而得到自身属性。
注意· forin 会遍历出对象继承中的可枚举属性
var o={
gender:'男'
}
function Person(){
this.name="张三";
this.age=19;
}
Person.prototype=o;
var p =new Person();
for(var k in p){
if(p.hasOwnProperty(k)){
console.log("自身属性："+k);// name ,age
}else{
console.log("继承别处的属性："+k);// gender
}
}
5.hasOwnProperty方法有可能会被覆盖
如果一个对象上拥有自己的hasOwnProperty()方法，则原型链上的hasOwnProperty()的方法会被覆盖掉
var o={
gender:'男',
hasOwnProperty:function(){
return false;
}
}
o.hasOwnProperty("gender");//不关写什么都会返回false
//解决方式，利用call方法
({}).hasOwnProperty.call(o,'gender');//true
Object.prototype.hasOwnProperty.call(o,'gender');//true
二、Object.prototype.isPrototypeOf()
概述
isPrototypeOf()方法测试一个对象是否存在另一个对象的原型链上
语法
//object1是不是Object2的原型,也就是说Object2是Object1的原型，,是则返回true,否则false object1.isPrototypeOf(Object2);
描述
isPrototypeOf()方法允许你检查一个对像是否存在另一个对象的原型链上
实例
1.利用isPrototypeOf()检查一个对象是否存在另一个对象的原型上
var o={};
function Person(){};
var p1 =new Person();//继承自原来的原型，但是现在已经无法访问
Person.prototype=o;
var p2 =new Person();//继承自o
console.log(o.isPrototypeOf(p1));//false o是不是p1的原型
console.log(o.isPrototypeof(p2));//true o是不是p2的原型
2.利用isPropertyOf()检查一个对象是否存在一另一个对象的原型链上
var o={};
function Person(){};
var p1 =new Person();//继承自原来的原型，但是现在已经无法访问
Person.prototype=o;
var p2 =new Person();//继承自o
console.log(o.isPrototypeOf(p1));//false o是不是p1的原型
console.log(o.isPrototypeof(p2));//true o是不是p2的原型
console.log(Object.prototype.isPrototypeOf(p1));//true
console.log(Object.prototype.isPrototypeOf(p2));//true
p1的原型链结构是p1=>原来的Person.prototype=>Object.prototype=>null
p2的原型链结构是p2=> o =>Object.prototype=>null
p1和p2都拥有Object.prototype所以他们都在Object.Prototype的原型链上
三、总结
1.hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。
2.isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。
以上所述是小编给大家介绍的JS中的hasOwnProperty()和isPrototypeOf()属性实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。