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

这两个属性都是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")//truechange()//删除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');//trueObject.prototype.hasOwnProperty.call(o,'gender');//true