细说 Javascript 对象篇（三） : hasOwnProperty

喜欢ヅ旅行 2021-12-16 23:15 235阅读 0赞

判断一个属性是定义在对象本身而不是继承自原型链，我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。  
hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。

// Poisoning Object.prototype
    Object.prototype.bar = 1;
    var foo = { goo: undefined};
    
    foo.bar; // 1
    'bar' in foo; // true
    
    foo.hasOwnProperty('bar'); // false
    foo.hasOwnProperty('goo'); // true

在这里，只有 hasOwnProperty 能给出正确答案，这在遍历一个对象的属性时是非常必要的。Javascript 中没有其他方法能判断一个属性是定义在对象本身还是继承自原型链。

hasOwnProperty 作为属性  
Javascript 并未将 hasOwnProperty 设为敏感词，这意味着你可以拥有一个命名为 hasOwnProperty 的属性。这个时候你无法再使用本身的 hasOwnProperty 方法来判断属性，所以你需要使用外部的 hasOwnProperty 方法来进行判断。

### 总结 ###

当判断对象属性存在时，hasOwnProperty 是唯一可以依赖的方法。这里还要提醒下，当我们使用 for in loop 来遍历对象时，使用 hasOwnProperty 将会很好地避免来自原型对象扩展所带来的困扰。

### 参考: ###

[http://bonsaiden.github.io/JavaScript-Garden/\#object.hasownproperty][http_bonsaiden.github.io_JavaScript-Garden_object.hasownproperty]

### 转载自:[https://segmentfault.com/a/1190000000480531][https_segmentfault.com_a_1190000000480531] ###

[http_bonsaiden.github.io_JavaScript-Garden_object.hasownproperty]: http://bonsaiden.github.io/JavaScript-Garden/#object.hasownproperty
[https_segmentfault.com_a_1190000000480531]: https://segmentfault.com/a/1190000000480531