DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript中hasOwnProperty() 方法使用指南
javascript中hasOwnProperty() 方法使用指南
編輯:JavaScript綜合知識     

 這篇文章主要詳細介紹了javascript中hasOwnProperty() 方法使用指南,非常的全面,推薦給有需要的小伙伴參考下。

   

概述

hasOwnProperty() 方法用來判斷某個對象是否含有指定的自身屬性。

語法
obj.hasOwnProperty(prop)

參數

•prop

•要檢測的屬性名稱。

描述

所有繼承了 Object.prototype 的對象都會從原型鏈上繼承到 hasOwnProperty 方法,這個方法可以用來檢測一個對象是否含有特定的自身屬性,和 in 運算符不同,該方法會忽略掉那些從原型鏈上繼承到的屬性。

示例

例1:使用 hasOwnProperty 方法判斷某對象是否含有特定的自身屬性

下面的例子檢測了對象 o 是否含有自身屬性 prop:

 

代碼如下:
o = new Object();o.prop = 'exists';function changeO() {
o.newprop = o.prop;
delete o.prop;}o.hasOwnProperty('prop');
// 返回 true
changeO();
o.hasOwnProperty('prop');
// 返回 false

 

例2:自身屬性和繼承屬性的區別

下面的例子演示了 hasOwnProperty 方法對待自身屬性和繼承屬性的區別:

 

代碼如下:
o = new Object();o.prop = 'exists';o.hasOwnProperty('prop');
// 返回 true
o.hasOwnProperty('toString');
// 返回 false
o.hasOwnProperty('hasOwnProperty');
// 返回 false

 

例3:遍歷一個對象的所有自身屬性

下面的例子演示了如何在遍歷一個對象的所有屬性時忽略掉繼承屬性,注意這裡 for..in 循環只會遍歷可枚舉屬性,這通常就是我們想要的,直接使用 Object.getOwnPropertyNames() 方法也可以實現類似的需求。

 

代碼如下:
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
}}

 

例4: hasOwnProperty 方法有可能被遮蔽

如果一個對象擁有自己的 hasOwnProperty 方法, 則原型鏈上的同名方法會被遮蔽(shadowed):

 

代碼如下:
var foo = {
hasOwnProperty: function() {
return false;
},
bar: 'Here be dragons'};foo.hasOwnProperty('bar');
// 始終返回 false
// 如果擔心這種情況,可以直接使用原型鏈上真正的 hasOwnProperty 方法
({}).hasOwnProperty.call(foo, 'bar');
// true
Object.prototype.hasOwnProperty.call(foo, 'bar');
// true

 

以上就是本文所述的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved