js中的hasOwnProperty()方法怎么使用

本文小編為大家詳細介紹“js中的hasOwnProperty()方法怎么使用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“js中的hasOwnProperty()方法怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

hasOwnProperty(propertyName)方法 是用來檢測屬性是否為對象的自有屬性，如果是，返回true，否者false; 參數propertyName指要檢測的屬性名；

用法：object.hasOwnProperty(propertyName) // true/false

hasOwnProperty() 方法是 Object 的原型方法（也稱實例方法），它定義在 Object.prototype 對象之上，所有 Object 的實例對象都會繼承 hasOwnProperty() 方法。

hasOwnProperty() 只會檢查對象的自有屬性，對象原形上的屬性其不會檢測；但是對于原型對象本身來說，這些原型上的屬性又是原型對象的自有屬性，所以原形對象也可以使用hasOwnProperty()檢測自己的自有屬性；

let obj = {
    name:'張睿',
    age:18,
    eat:{
        eatname:'面條',
        water:{
            watername:'農夫山泉'
        }
    }
}
console.log(obj.hasOwnProperty('name')) //true
console.log(obj.hasOwnProperty('age'))  //true
console.log(obj.hasOwnProperty('eat'))  //true
console.log(obj.hasOwnProperty('eatname'))  //false
console.log(obj.hasOwnProperty('water'))  //false
console.log(obj.hasOwnProperty('watername'))  //false
console.log(obj.eat.hasOwnProperty('eatname'))  //true
console.log(obj.eat.hasOwnProperty('water'))  //true
console.log(obj.eat.hasOwnProperty('watername'))  //false
console.log(obj.eat.water.hasOwnProperty('watername'))  //true

例子：

function Site(){
    this.name = "CodePlayer";
    this.url = "http://www.365mini.com/";

    this.sayHello = function(){
        document.writeln("歡迎來到" + this.name);
    };
}

var obj = {
    engine: "PHP"
    ,sayHi: function(){
        document.writeln("歡迎訪問" + this.url);
    }
};
// 使用對象obj覆蓋Site本身的prototype屬性
Site.prototype = obj;

var s =  new Site();
document.writeln( s.hasOwnProperty("name") ); // true
document.writeln( s.hasOwnProperty("sayHello") ); // true
// 以下屬性繼承自原型鏈，因此為false
document.writeln( s.hasOwnProperty("engine") ); // false
document.writeln( s.hasOwnProperty("sayHi") ); // false
document.writeln( s.hasOwnProperty("toString") ); // false

// 想要查看對象(包括原型鏈)是否具備指定的屬性，可以使用in操作符
document.writeln( "engine" in s ); // true
document.writeln( "sayHi" in s ); // true
document.writeln( "toString" in s ); // true

讀到這里，這篇“js中的hasOwnProperty()方法怎么使用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。