建议始终使用hasOwnProperty,但在许多情况下不需要这样做.
例如,请考虑以下代码:
var object = JSON.parse(somejsontext);
for(var prop in object) {
   console.log(object[prop]);
}

我知道在这种情况下,prop是对象的一部分,它是由for..in定义的.

但根据MOZ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty,我们应该使用它来避免迭代不可摧毁的道具,这个例子如下:

var buz = {
  fog: 'stack'
};

for (var name in buz) {
  if (buz.hasOwnProperty(name)) {
    console.log('this is fog (' + name + ') for sure. Value: ' + buz[name]);
  }
  else {
    console.log(name); // toString or something else
  }
}

但实际上测试这个代码,永远不会去其他地方.

那么什么时候有意义使用hasOwnProperty?

更新:考虑到选择的答案,我们可以安全地避免在这种情况下使用hasOwnProperty:
– 对象js尚未被任何JavaScript库或我们的代码扩展
– 对象是我们可以控制的简单代码

解决方法

当原型包含您的代码未预料到的可枚举属性时,就会出现问题.例如,假设这在您的示例之前运行:
Object.prototype.foobar = "hello";

在这种情况下,迭代buz将包括可枚举的foobar原型属性.这个hasOwnProperty模式允许您的代码区分直接在对象上的属性,以及从原型祖先继承的属性.

问题不在于“枚举不可枚举的属性”(根据定义,这是不可能的,除非您通过getownPropertyNames为原型层次结构的每个级别显式获取它们),而是枚举继承的属性.当使用可以向高级原型添加可枚举属性的库时,这是一个问题,正如我上面所说明的那样.

如果要在不导致枚举该属性的情况下向原型添加属性,可以使用Object.defineProperty创建不可枚举的属性:

Object.defineProperty(Object.prototype,"foobar",{
    value: "hello",enumerable: false,writeable: true,configurable: true
});

这样的属性不会出现在buz上的for..in循环中(或直接在Object.prototype上的for..in循环中).

javascript – hasOwnProperty何时使用,何时不需要?的更多相关文章

  1. JavaScript isPrototypeOf和hasOwnProperty使用区别

    JavaScript isPrototypeOf和hasOwnProperty的使用技巧,需要的朋友的朋友可以参考下。

  2. JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    这篇文章主要介绍了JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  3. Javascript学习笔记之 对象篇(三) : hasOwnProperty

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

  4. js中hasOwnProperty的属性及实例用法详解

    在本篇文章里小编给大家整理的是一篇关于js中hasOwnProperty的属性及实例用法详解内容,有需要的朋友们可以跟着学习下。

  5. js的hasownproperty使用示例

    我们在js中可能经常会用到for in来遍历对象中的属性,当然for in中得到的属性,只能是可枚举的属性,for in的时候,它会把对象的属性(包括原型的属性)遍历一遍,看面看示例就明白了

  6. JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数的用法详解

    本文详细讲解了JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  7. js属性对象的hasOwnProperty方法的使用

    这篇文章主要介绍了js属性对象的hasOwnProperty方法的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  8. 为什么这个JavaScript原型函数会破坏jQuery?

    题:只要我将以下代码添加到我的html页面,我就得到:这是导致错误的原型:这是重现错误所需的最小代码(浏览器问题:IE9):我尝试重命名原型函数,以防它与任何jquery原型冲突,但这根本没有帮助.解决方法因为这将为每个对象添加一个可枚举项.Sizzle(jQuery使用)使用对象文字来配置它们的选择器解析.当它循环这些配置对象以获取所有令牌时,它不会期望您的功能.在这种情况下,它可能会尝试将您的

  9. javascript – hasOwnProperty会从for … in循环中返回false吗?

    如果我这样做:obj.hasOwnProperty会不会返回false?

  10. javascript – Object.keys(anObject)是否返回anObject的原型?

    解决方法你正确地理解了这段经文,但这里的用法是错误的.它返回true,因为Object.keys返回的Array在其原型中有一个名为toString的属性.in还检查原型,而hasOwnProperty只检查Object实际拥有的属性.但它没有名为toString的自有属性

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部