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()方法來忽略繼承屬性。

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

?

當對象有屬性名?hasOwnProperty 沖突時

?JavaScript 并沒有保護?hasOwnProperty?屬性名，因此，可能存在于一個包含此屬性名的對象，有必要使用一個可擴展的hasOwnProperty方法來獲取正確的結果：

var foo = {hasOwnProperty: function() {return false;},bar: 'Here be dragons' }; foo.hasOwnProperty('bar'); // 始終返回 false // 如果擔心這種情況，可以直接使用原型鏈上真正的 hasOwnProperty 方法 // 使用另一個對象的`hasOwnProperty` 并且call ({}).hasOwnProperty.call(foo, 'bar'); // true // 也可以使用 Object 原型上的 hasOwnProperty 屬性 Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

解決辦法如上通過call方法調用原型鏈上的hasOwnProperty（）方法

?

學習網址：http://www.cnblogs.com/weiqinl/p/8683207.html

?

總結

以上是生活随笔為你收集整理的js属性对象的hasOwnProperty方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。