hasOwnProperty 函数

最新推荐文章于 2024-02-02 14:41:04 发布

最新推荐文章于 2024-02-02 14:41:04 发布 · 213 阅读

文章标签：

#hasownproperty #javascript #ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript的hasOwnProperty方法来判断对象是否包含特定属性，避免混淆属性存在与值为undefined的情况，强调了该方法在遍历对象属性时的重要性。

为了判断一个对象是否包含自定义属性而不是原型链上的属性，我们需要使用继承自 Object.prototype 的 hasOwnProperty 方法。

注意: 通过判断一个属性是否 undefined 是不够的。因为一个属性可能确实存在，只不过它的值被设置为 undefined。

hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。

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

只有 hasOwnProperty 可以给出正确和期望的结果，这在遍历对象的属性时会很有用。没有其它方法可以用来排除原型链上的属性，而不是定义在对象自身上的属性。

hasOwnProperty 作为属性

JavaScript 不会保护 hasOwnProperty 被非法占用，因此如果一个对象碰巧存在这个属性，就需要使用外部的 hasOwnProperty 函数来获取正确的结果。

var foo = {    hasOwnProperty: function() {      
  return false;    }, 
   bar: 'Here be dragons'};
foo.hasOwnProperty('bar'); // 总是返回 false
// 使用其它对象的 hasOwnProperty，并将其上下为设置为foo{}.hasOwnProperty.call(foo, 'bar'); // true

结论

当检查对象上某个属性是否存在时，hasOwnProperty 是唯一可用的方法。同时在使用 for in loop 遍历对象时，推荐总是使用 hasOwnProperty 方法，这将会避免原型对象扩展带来的干扰。