js中的hasOwnProperty()和isPrototypeOf()

js中的hasOwnProperty()和isPrototypeOf()

這兩個屬性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf()
先講解hasOwnProperty()方法和使用。在講解isPropertyOf()方法和使用

看懂這些至少要懂原型鏈

1、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複製代碼

2、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的原型鏈上

3、總結

1. hasOwnProperty：是用來判斷一個對象是否有你給出名稱的屬性或對象。不過須要注意的是，此方法沒法檢查該對象的原型鏈中是否具備該屬性，該屬性必須是對象自己的一個成員。
2. isPrototypeOf是用來判斷要檢查其原型鏈的對象是否存在於指定對象實例中，是則返回true，不然返回false。