這兩個屬性都是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()屬性實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!