为什么在对象实例化后定义的属性不是自己的属性

Question

在这里，我创建了父类的实例，并在对象本身上定义了一个名为smile的属性。 我知道构造函数原型上定义的属性不是对象自己的属性。但是为什么“ smile”属性没有通过for循环中的hasOwnProperty测试？

function Parent(){
   this.name='parent';
}
Parent.prototype.age='34';

var p=new Parent();
p.smile='nice';  // not an own property ?
console.log(p);
for(var prop in p){
  if(Object.hasOwnProperty(prop)){
       console.log(prop);  // prints only "name"
   }
}

Answer 1

您正在滥用Object.prototype.hasOwnProperty() 。 所述函数将以被测试对象为上下文来调用，这意味着您应该执行p.hasOwnProperty(prop)而不是Object.hasOwnProperty(prop) 。 然后，您将获得期望的结果。

hasOwnProperty是在Object.prototype上定义的，这意味着大多数对象（除了那些您将原型手动设置为null ）都将继承该方法，以便可以在它们上调用它。 p就是这样一个对象。 它的原型链没有什么不寻常的，因此根据上面的描述进行更改时，它应该可以工作。

现在您可能会问，为什么您的代码不会在if语句行上引发错误。 这是因为Object是一个函数，因此最终继承自Object.prototype 。

Answer 2

if (Object.hasOwnProperty(prop)) {

检查Object作为给定名称的自己的属性。 Object.name存在于Object函数上，这就是为什么它返回true 。

您需要的是p.hasOwnProperty(prop)以便您检查实例本身是否具有属性，而不是从原型继承。 但是，如果实例具有自己的名为hasOwnProperty的属性，则以这种方式调用该函数将导致问题，因此通常会看到以下形式的扩展形式：

Object.prototype.hasOwnProperty.call(p, prop)