JavaScript中检测实例属性与原型属性的方法

JavaScript属性检测基础

0.前提

在JavaScript中，对象的属性主要存在于两种位置：直接定义在实例对象上，或定义在原型对象上。

基于上述属性存在的不同位置，在检测属性时通常会遇到四种情况。

第一种情况是属性既不存在于实例中，也不存在于原型对象中；第二种情况是属性存在于实例中，但不存在于原型对象中；第三种情况是属性不存在于实例中，但存在于原型对象中；第四种情况则是属性既存在于实例中，也存在于原型对象中。

使用hasOwnProperty()检测实例属性

1. hasOwnProperty()方法

hasOwnProperty()方法接收一个字符串格式的属性名作为参数。如果该属性直接存在于实例中（对应上述的情况2或情况4），则返回true；否则返回false（对应情况1或情况3）。

functino Person() {}
Person.prototype.name = 'apple';
var person1 = new Person();
var person2 = new Person();
person1.name = 'banana';
console.log(person1.hasOwnPrototype(name)); //true
console.log(person2.hasOwnPrototype(name)); //false

使用in操作符检测所有属性

2. in操作符

in操作符的检测范围更广，无论属性是定义在实例本身中，还是定义在原型对象中，只要存在即返回true（涵盖情况2、情况3和情况4）；如果属性在实例和原型中均不存在，则返回false（对应情况1）。

console.log('name' in person1); //true
console.log('name' in person2); //true

自定义函数检测原型属性

3. 检测存在原型的属性

结合in操作符和hasOwnProperty()方法，可以编写自定义函数来专门检测属性是否存在于原型中。

function hasPrototypeProperty(object, name) {
return !object.hasOwnPrototype(name) && (name in object);
}
console.log(hasPrototypeProperty(person1, 'name')); //false
console.log(hasPrototypeProperty(person2, 'name')); //true

当属性存在于原型中但不存在于实例中时（情况3），该函数返回true；其他情况（情况1、情况2或情况4）均返回false。

以上就是本文的全部内容了，希望大家能够喜欢