原型中的in和hasOwnProperty

1.hasOwnProperty():

hasOwnProperty可以檢測一個屬性是存在於例項中，還是原型中。返回布林值，只有當屬性存在於例項中的時候才會返回true。

function Person(){}
			
Person.prototype.name = 'hello';

var p = new Person();

console.log(p.hasOwnProperty('name')) 		//false

p.name = 'world';
			
console.log(p.hasOwnProperty('name'))		//true

delete p.name;
						
console.log(p.hasOwnProperty('name'))		//false
複製程式碼

2.in：

有兩種方式使用in，常用的是for-in(遍歷所有能通過物件訪問的，可列舉的屬性,包括例項屬性和原型屬性,具體可見另一篇文章Javascript物件屬性的列舉方法比較)，而單獨使用則能判斷物件是否存在某個屬性，不論這個屬性是存在於例項中還是原型中。

function Person(){}
			
Person.prototype.name = 'hello';

var p = new Person();

console.log('name' in p);		//true

p.name = 'world';

console.log('name' in p);		//true
			
複製程式碼

我們同時使用in和hasOwnProperty，可以判斷屬性是不是存在於原型中。

如果該屬性是原型中的屬性，則返回true，否則是false

function Person(){}
			
Person.prototype.name = 'hello';

var p = new Person();
			
function isOwnProperty(obj,prop){
	return !obj.hasOwnProperty(prop)&&(prop in obj);
}

isOwnProperty(p,'name') 		//true

p.name = 'world';

isOwnProperty(p,'name') 		//false
複製程式碼