細(xì)說 Javascript 對象篇（三） : hasOwnProperty

elva 發(fā)布于2019-08-19 14:39 / 1293人閱讀

摘要：方法是中唯一一個(gè)處理對象屬性而不會往上遍歷原型鏈的。在這里，只有能給出正確答案，這在遍歷一個(gè)對象的屬性時(shí)是非常必要的。這里還要提醒下，當(dāng)我們使用來遍歷對象時(shí)，使用將會很好地避免來自原型對象擴(kuò)展所帶來的困擾。

判斷一個(gè)屬性是定義在對象本身而不是繼承自原型鏈，我們需要使用從 Object.prototype 繼承而來的 hasOwnProperty 方法。
hasOwnProperty 方法是 Javascript 中唯一一個(gè)處理對象屬性而不會往上遍歷原型鏈的。

// 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è)對象的屬性時(shí)是非常必要的。Javascript 中沒有其他方法能判斷一個(gè)屬性是定義在對象本身還是繼承自原型鏈。

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

參考

http://bonsaiden.github.io/JavaScript-Garden/#object.hasownproperty