欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript學(xué)習(xí)筆記之 對(duì)象篇（三） : hasOwnProperty

 更新時(shí)間：2014年06月24日 09:02:41   投稿：hebedich  
判斷一個(gè)屬性是定義在對(duì)象本身而不是繼承自原型鏈，我們需要使用從 Object.prototype 繼承而來的 hasOwnProperty 方法。 hasOwnProperty 方法是 Javascript 中唯一一個(gè)處理對(duì)象屬性而不會(huì)往上遍歷原型鏈的。 
// Poisoning Object.prototype
Object.prototype.bar = 1;
var foo = {goo: undefined};

foo.bar; // 1
'bar' in foo; // true

foo.hasOwnProperty('bar'); // false
foo.hasOwnProperty('goo'); // true

在這里，只有 hasOwnProperty 能給出正確答案，這在遍歷一個(gè)對(duì)象的屬性時(shí)是非常必要的。Javascript 中沒有其他方法能判斷一個(gè)屬性是定義在對(duì)象本身還是繼承自原型鏈。

hasOwnProperty 作為屬性

Javascript 并未將 hasOwnProperty 設(shè)為敏感詞，這意味著你可以擁有一個(gè)命名為 hasOwnProperty 的屬性。這個(gè)時(shí)候你無法再使用本身的 hasOwnProperty 方法來判斷屬性，所以你需要使用外部的 hasOwnProperty 方法來進(jìn)行判斷。

var foo = {
 hasOwnProperty: function() {
 return false;
 },
 bar: 'Here be dragons'
};

foo.hasOwnProperty('bar'); // always returns false

// Use another Object's hasOwnProperty and call it with 'this' set to foo
({}).hasOwnProperty.call(foo, 'bar'); // true

// It's also possible to use hasOwnProperty from the Object
// prototype for this purpose
Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

總結(jié)

當(dāng)判斷對(duì)象屬性存在時(shí)，hasOwnProperty 是唯一可以依賴的方法。這里還要提醒下，當(dāng)我們使用 for in loop 來遍歷對(duì)象時(shí)，使用 hasOwnProperty 將會(huì)很好地避免來自原型對(duì)象擴(kuò)展所帶來的困擾。

下面是其他網(wǎng)友的補(bǔ)充：

Javascript中Object對(duì)象原型上的hasOwnProperty()用來判斷一個(gè)屬性是定義在對(duì)象本身而不是繼承自原型鏈。

obj.hasOwnProperty(prop)

參數(shù) prop

要檢測(cè)的屬性 字符串 名稱或者 Symbol（ES6）

o = new Object();
o.prop = 'exists';
o.hasOwnProperty('prop');       // 返回 true
o.hasOwnProperty('toString');     // 返回 false
o.hasOwnProperty('hasOwnProperty');  // 返回 false

使用hasOwnProperty作為某個(gè)對(duì)象的屬性名

因?yàn)閖avascript沒有將hasOwnProperty作為一個(gè)敏感詞，所以我們很有可能將對(duì)象的一個(gè)屬性命名為hasOwnProperty，這樣一來就無法再使用對(duì)象原型的 hasOwnProperty 方法來判斷屬性是否是來自原型鏈。

var foo = {
  hasOwnProperty: function() {
    return false;
  },
  bar: 'Here be dragons'
};

foo.hasOwnProperty('bar'); // 始終返回 false

不能使用 該對(duì)象.hasOwnProperty 這種方法，怎么來解決這個(gè)問題呢？我們需要使用原型鏈上真正的 hasOwnProperty 方法：

({}).hasOwnProperty.call(foo, 'bar'); // true
// 或者：
Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

參考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

相關(guān)文章

最新評(píng)論