js属性对象的hasOwnProperty方法

迈不过友情╰ 2021-09-18 23:18 444阅读 0赞

**IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。**

### Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。可以用于区分自身属性和继承属性，如下 ###

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

# #

## **还可以用于遍历一个对象的所有自身属性** ##

在看开源项目的过程中，经常会看到类似如下的源码。for...in循环对象的所有枚举属性，然后再使用**hasOwnProperty()方法来忽略继承属性。**

### 当对象有属性名 hasOwnProperty 冲突时 ###

** **JavaScript 并没有保护 hasOwnProperty 属性名，因此，可能存在于一个包含此属性名的对象，有必要使用一个可扩展的hasOwnProperty方法来获取正确的结果：

**解决办法如上通过call方法调用原型链上的hasOwnProperty（）方法**

学习网址：[http://www.cnblogs.com/weiqinl/p/8683207.html][http_www.cnblogs.com_weiqinl_p_8683207.html]

[http_www.cnblogs.com_weiqinl_p_8683207.html]: http://www.cnblogs.com/weiqinl/p/8683207.html