hasOwnProperty检查属性是否存在

提问

检测一个对象是否具有某个属性，你会怎么做的呢？

解答

方法一：通过null和undefined去判断（有点low）

function hasOwn(obj,prop){
	return !(obj[prop] === null || obj[prop] === undefined)
}

方法二：通过js自带的hasOwnProperty方法去判断，见文末

hasOwnProperty方法

Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。

用法

function Per(){
	this.name = "晓红"
}
Per.prototype.getAge = function(){
	console.log("19")
}
let per = new Per();
console.log(per.hasOwnProperty("name")) //true
console.log(per.hasOwnProperty("getAge")) //false

注意hasOwnProperty作为属性名的情况
JavaScript 并没有保护 hasOwnProperty 属性名

per.hasOwnProperty = function(){
	return false;
}
console.log(per.hasOwnProperty("name")) //false

为了避免上述的情况，我们可以直接使用原型上的hasOwnProperty，最上面的提问可以用下面的方法来解决

const hasOwnProperty = Object.prototype.hasOwnProperty
function hasOwn(obj,key){
	return hasOwnProperty.call(obj,key)
}
hasOwn(per,"name");//true