资讯专栏INFORMATION COLUMN

hasOwnProperty

ningwang / 3583人阅读

摘要:循环会遍历所有可枚举属性,加上方法,可以忽略掉继承属性,这样就能确保遍历的是的可枚举的自身属性。如果另一个不知情的人使用了,并想通过判断是否含有某个属性时就会永远返回,这显然是有问题的。这时候可以借助于或来判断对象是否含有某个非继承属性。

hasOwnProperty() 方法会返回一个布尔值,这个方法可以用来检测一个对象是否含有特定的自身(非继承)属性。
1、for...in循环时为什么要在里面加上if(obj.hasOwnProperty(name))的判断

这段代码的意思是:判断一个对象里是否含有某个非继承属性。

for...in 循环会遍历所有可枚举属性,加上hasOwnProperty()方法,可以忽略掉继承属性,这样就能确保遍历的是Obj的可枚举的自身属性。

适用于:含有继承属性的对象,也就是除了Object的所有对象

看下面的例子:

function foo() {  
  this.name = "foo"
  this.sayHi = function () {    
     console.log("Say Hi")
  }
}
 
foo.prototype.sayGoodBy = function () {  
  console.log("Say Good By")
}
 
let myPro = new foo()
console.log(myPro.name) // foo
console.log(myPro.hasOwnProperty("name")) // true
console.log(myPro.hasOwnProperty("toString")) // false
console.log(myPro.hasOwnProperty("hasOwnProperty")) // fasle
console.log(myPro.hasOwnProperty("sayHi")) // true
console.log(myPro.hasOwnProperty("sayGoodBy")) // false
console.log("sayGoodBy" in myPro) // true
2、为什么有的地方用Object.prototype.hasOwnProperty.call(obj,name)

Javascript 并没有保护 hasOwnProperty 为关键字或保留字。因此,会有这样一种情况:对象自己改写了hasOwnProperty方法,比如下面代码中该方法永远返回false。如果另一个不知情的人使用了foo,并想通过foo.hasOwnProperty判断foo是否含有某个属性时就会永远返回false,这显然是有问题的。

这时候可以借助于Object.prototype.hasOwnProperty或{}.hasOwnProperty来判断对象是否含有某个非继承属性。

适用于:不确定Object类型变量是否改写了hasOwnProperty的情况

var foo = { 
  hasOwnProperty: function() { 
    return false; 
  }, 
  bar: "Here be dragons" 
}; 
 
foo.hasOwnProperty("bar"); // 总是返回 false 
// 使用另一个 hasOwnProperty 并将 this 设置为 foo 来调用它 
{}.hasOwnProperty.call(foo, "bar"); // true
3、总结

建议增加 hasOwnProperty 进行判断,可以有效避免扩展本地原型而引起的错误

如果对一个Object类型的内部属性不是很确定,可以通过{}.hasOwnProperty.call(obj,name)或Object.prototype.hasOwnProperty.call(obj,name)的方式判断

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100872.html

相关文章

  • 关于javascript的Object. hasOwnProperty,看我就够了

    摘要:基本概念方法会返回一个布尔值,指示对象自身属性中非继承属性是否具有指定的属性,如果具有带指定名称的属性,则方法返回,否则返回。此方法不会检查对象原型链中的属性该属性必须是对象本身的一个成员。使用语法参数,必需。 hasOwnProperty基本概念 hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中(非继承属性)是否具有指定的属性,如果 object 具有带指定...

    mtunique 评论0 收藏0
  • 细说 Javascript 对象篇(三) : hasOwnProperty

    摘要:方法是中唯一一个处理对象属性而不会往上遍历原型链的。在这里,只有能给出正确答案,这在遍历一个对象的属性时是非常必要的。这里还要提醒下,当我们使用来遍历对象时,使用将会很好地避免来自原型对象扩展所带来的困扰。 判断一个属性是定义在对象本身而不是继承自原型链,我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。hasOwnProperty 方法...

    elva 评论0 收藏0
  • JavaScript 之原型与周边

    摘要:除此之外,原型是共享的,如果我们有的写法,改变这两个对象任何一个的原型都会影响另外一个,这在大多的情况下是不可取的。当对象查找一个属性的时候,他会沿着原型链一直往上追踪,直到直到为之。在性能方面,原则上应该尽量避免原型链太长。 简介 如果之间学习过cpp 、java 之类的语言,都会知道他们是可以基于类 class 进行继承的, 在JavaScript 中,并没有类继承这个概念,要实...

    codecook 评论0 收藏0
  • JavaScript中真正的哈希映射(译)

    摘要:然而,对象字面量不是真正意义上的哈希映射,如果使用不当可能会构成潜在的隐患。空对象创建一个真正的哈希映射的秘诀就是避免原型,及其带来的包袱。在此之前,甚至之后,你应该使用空对象满足你所有的基本哈希映射需求。 在JavaScript中存储键值对的一个简单常见的方法是使用对象字面量。然而,对象字面量不是真正意义上的哈希映射,如果使用不当可能会构成潜在的隐患。虽然目前JavaScrip...

    DTeam 评论0 收藏0
  • 深入理解JavaScript系列5:强大的原型和原型链

    摘要:参考内容关于本文本文转自大叔的深入理解系列深入理解系列文章,包括了原创,翻译,转载,整理等各类型文章,原文是大叔的一个非常不错的专题,现将其重新整理发布。 前言 JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型。 虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单,但是...

    frontoldman 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<