在JavaScript中使用in和hasOwnProperty獲取對象屬性有什么不同

本篇文章為大家展示了在JavaScript中使用in和hasOwnProperty獲取對象屬性有什么不同，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

in判斷的是對象的所有屬性，包括對象實例及其原型的屬性；

而hasOwnProperty則是判斷對象實例的是否具有某個屬性。

示例代碼：

<script type="text/javascript">
  function Person(){
    }
    Person.prototype.name = "allen";

    var person = new Person();
    console.log(person.hasOwnProperty("name")); //false
    console.log("name" in person); //true
    console.log(person.name); //"allen"

    person.name = "justforse";
    console.log(person.hasOwnProperty("name")); //true
    console.log("name" in person); //true
    console.log(person.name); //"justforuse"

    delete person.name;
    console.log(person.hasOwnProperty("name")); //false
    console.log("name" in person); //true
    console.log(person.name); //"allen"
</script>

以上代碼執(zhí)行的時候，name屬性要么是從實例中獲取的，要么是來源于原型，所以使用in 來訪問 name屬性始終返回true；而hasOwnProperty()只在屬性存在與對象實例中時才返回true，當刪除了實例中的name屬性后，就恢復了原型中name屬性的連接，所以返回allen。

上述內(nèi)容就是在JavaScript中使用in和hasOwnProperty獲取對象屬性有什么不同，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。