詳談js使用in和hasOwnProperty獲取對(duì)象屬性的區(qū)別
更新時(shí)間：2017年04月25日 09:32:31 投稿：jingxian
下面小編就為大家?guī)?lái)一篇詳談js使用in和hasOwnProperty獲取對(duì)象屬性的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
in判斷的是對(duì)象的所有屬性，包括對(duì)象實(shí)例及其原型的屬性；
而hasOwnProperty則是判斷對(duì)象實(shí)例的是否具有某個(gè)屬性。
示例代碼：
<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í)行的時(shí)候，name屬性要么是從實(shí)例中獲取的，要么是來(lái)源于原型，所以使用in 來(lái)訪問(wèn) name屬性始終返回true；而hasOwnProperty()只在屬性存在與對(duì)象實(shí)例中時(shí)才返回true，當(dāng)刪除了實(shí)例中的name屬性后，就恢復(fù)了原型中name屬性的連接，所以返回allen。
以上這篇詳談js使用in和hasOwnProperty獲取對(duì)象屬性的區(qū)別就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js+springMVC 提交數(shù)組數(shù)據(jù)到后臺(tái)的實(shí)例
今天小編就為大家分享一篇js+springMVC 提交數(shù)組數(shù)據(jù)到后臺(tái)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建的元素綁定事件。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了微信小程序12行js代碼自己寫個(gè)滑塊功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
js實(shí)現(xiàn)京東秒殺倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)京東秒殺倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
ES6允許按照一定模式從數(shù)組或?qū)ο笾刑崛≈?，然后?duì)變量進(jìn)行賦值，稱為解構(gòu)。只要等號(hào)兩邊的模式相同，左邊的變量就會(huì)被賦予對(duì)應(yīng)的值，這種寫法屬于“模式匹配”。統(tǒng)稱起來(lái)就叫做“解構(gòu)賦值”。2021-05-05
BootStrap Validator對(duì)于隱藏域驗(yàn)證和程序賦值即時(shí)驗(yàn)證的問(wèn)題淺析
這篇文章主要介紹了BootStrap Validator對(duì)于隱藏域驗(yàn)證和程序賦值即時(shí)驗(yàn)證的問(wèn)題的解決方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟
這篇文章主要介紹了使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)無(wú)縫輪播圖插件封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了JavaScript修改瀏覽器tab標(biāo)題小技巧,需要的朋友可以參考下2015-01-01
現(xiàn)在手機(jī)網(wǎng)站已經(jīng)很普及了，有時(shí)候前端網(wǎng)頁(yè)需要判斷，用戶使用的是手機(jī)瀏覽器還是電腦瀏覽器。這篇文章整理了JavaScript判斷是否手機(jī)瀏覽器的五種方法，通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值2022-11-11