淺談js使用in和hasOwnProperty獲取對象屬性的區(qū)別
更新時間：2017年04月27日 10:50:12 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談js使用in和hasOwnProperty獲取對象屬性的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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。
這篇淺談js使用in和hasOwnProperty獲取對象屬性的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了在vue中為什么不能用index作為key，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-09-09
這篇文章主要簡單介紹了頁面裝載js及性能分析方法的相關資料,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了JavaScript設計模式中的橋接和中介者模式，橋接設計模式是一種偏向于組合的設計模式，而非繼承的設計模式，實現(xiàn)的細節(jié)從一個模塊推送給另一個具有單獨模塊的對象，而中介者設計模式是指通過一個中介者對象封裝一系列的對象交互2022-06-06
這篇文章主要介紹了JavaScript中的同名標識符優(yōu)先級。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JS動態(tài)增刪表格行的方法,涉及JavaScript針對表格元素動態(tài)操作相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-03-03
小程序開發(fā)中如何使用async-await并封裝公共異步請求的方法
在平常的項目開發(fā)中肯定會遇到同步異步執(zhí)行的問題，這篇文章主要介紹了小程序開發(fā)中如何使用async-await并封裝公共異步請求的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
console一定是各位前端最熟悉的小伙伴了,有些網(wǎng)站還會在控制臺輸出一些有意思的東西,下面這篇文章主要給大家介紹了關于前端console用法的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-08-08
下面小編就為大家?guī)硪黄Ｓ迷鷍s自定義函數(shù)總結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JavaScript實現(xiàn)H5接金幣功能(實例代碼)
這篇文章主要介紹了JavaScript實現(xiàn)H5接金幣功能,本文分步驟通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
javascript如何判斷數(shù)組內(nèi)元素是否重復的方法集錦
javascript如何判斷數(shù)組內(nèi)元素是否重復的方法集錦...2007-02-02