JS中的hasOwnProperty()和isPrototypeOf()属性实例详解

这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf() @H_404_1@

先讲解hasOwnProperty()方法和使用。在讲解isPropertyOf()方法和使用 @H_404_1@

看懂这些至少要懂原型链 @H_404_1@

一、Object.prototype.hasOwnProperty()

@H_404_1@

概述

@H_404_1@

hasOwnProperty()方法用来判断某个对象是否含有指定的自身属性 @H_404_1@

语法@H_404_1@

obj.hasOwnProperty("属性名");//实例obj是否包含有圆括号中的属性,是则返回true,否则是false@H_404_1@

描述

@H_404_1@

所有继承了Object.prototype的对象都会从原型链上继承到hasOwnProperty方法，这个方法检测一个对象是否包含一个特定的属性，和in不同，这个方法会忽略那些从原型链上继承的属性。@H_404_1@

实例

@H_404_1@

1.使用hasOwnProperty()方法判断某对象是否含有特定的自身属性 @H_404_1@

下面的例子检测了对象 o 是否含有自身属性 prop：@H_404_1@

删除o的prop属性 o.hasOwnProperty("prop")//false //删除后在使用hasOwnProperty()来判断是否存在，返回已不存在了

2.自身属性和继承属性的区别 @H_404_1@

下面的列子演示了hasOwnProperty()方法对待自身属性和继承属性的区别。@H_404_1@

属性 o.hasOwnProperty("toString");//false 继承自Object原型上的方法 o.hasOwnProperty("hasOwnProperty");//false 继承自Object原型上的方法

3.修改原型链后hasOwnProperty()的指向例子 @H_404_1@

下面的列子演示了hasOwnProperty()方法对待修改原型链后继承属性的区别@H_404_1@

修改Person的原型指向 p.hasOwnProperty("name");//false 无法判断继承的name属性 p.hasOwnProperty("age");//true;

4.使用hasOwnProperty()遍历一个对象自身的属性 @H_404_1@

下面的列子演示了如何在遍历一个对象忽略掉继承属性，而得到自身属性。 @H_404_1@

注意· forin 会遍历出对象继承中的可枚举属性@H_404_1@

属性："+k);// name,age }else{ console.log("继承别处的属性："+k);// gender } }

5.hasOwnProperty方法有可能会被覆盖 @H_404_1@

如果一个对象上拥有自己的hasOwnProperty()方法，则原型链上的hasOwnProperty()的方法会被覆盖掉@H_404_1@

解决方式，利用call方法 ({}).hasOwnProperty.call(o,'gender');//true Object.prototype.hasOwnProperty.call(o,'gender');//true

二、Object.prototype.isPrototypeOf()

@H_404_1@

概述

@H_404_1@

isPrototypeOf()方法测试一个对象是否存在另一个对象的原型链上 @H_404_1@

语法

@H_404_1@

描述

@H_404_1@

isPrototypeOf()方法允许你检查一个对像是否存在另一个对象的原型链上@H_404_1@

实例

@H_404_1@

1.利用isPrototypeOf()检查一个对象是否存在另一个对象的原型上@H_404_1@

2.利用isPropertyOf()检查一个对象是否存在一另一个对象的原型链上@H_404_1@

p1的原型链结构是p1=>原来的Person.prototype=>Object.prototype=>null@H_404_1@

p2的原型链结构是p2=> o =>Object.prototype=>null@H_404_1@

p1和p2都拥有Object.prototype所以他们都在Object.Prototype的原型链上 @H_404_1@

三、总结

@H_404_1@

1.hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。 @H_404_1@

2.isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。 @H_404_1@

以上所述是小编给大家介绍的JS中的hasOwnProperty()和isPrototypeOf()属性实例详解。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。@H_404_1@ 原文链接：https://www.f2er.com/js/46650.html

JS中的hasOwnProperty()和isPrototypeOf()属性实例详解

一、Object.prototype.hasOwnProperty()

概述

描述

实例

二、Object.prototype.isPrototypeOf()

概述

语法

描述

实例

三、总结

猜你在找的JavaScript相关文章