JavaScript中in和hasOwnProperty區(qū)別詳解
每當(dāng)代碼讀取某個(gè)對象的某個(gè)屬性時(shí)，都會執(zhí)行一次搜索，目標(biāo)是具有給定名字的屬性。搜索首先從對象實(shí)例本身開始。如果在實(shí)例中找到了具有給定名字的屬性，則返回該屬性的值；如果沒有找到，則繼續(xù)搜索指針指向的原型對象，在原型對象中查找具有給定名字的屬性。如果在原型對象中找到了這個(gè)屬性，則返回該屬性的值。
雖然可以通過對象實(shí)例訪問保存在原型中的值，但卻不能通過對象實(shí)例重寫原型中的值。如果在實(shí)例中添加一個(gè)與原型中屬性同名的屬性，則該屬性會屏蔽原型中的那個(gè)屬性。添加的同名屬性只會阻止我們訪問原型中的那個(gè)屬性，但不會修改那個(gè)屬性。即使將這個(gè)屬性設(shè)置為null，也只會在實(shí)例中設(shè)置這個(gè)屬性，而不會恢復(fù)其指向原型的鏈接。
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實(shí)例中時(shí)才返回true。
使用delete操作符則可以完全刪除實(shí)例屬性，從而讓我們能鞏固重新訪問原型中的屬性。
function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true
person1.name = "Greg";
alert(person1.name);//"Greg"
alert(person1.hasOwnProperty("name"));//true
alert("name" in person1);//true
delete person1.name;
alert(person1.name);//"Nicholas"
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true
prototype
1.每個(gè)函數(shù)都有一個(gè) prototype 的對象屬性，對象內(nèi)有一個(gè) constructor 屬性，默認(rèn)指向函數(shù)本身
2.每個(gè)對象都有一個(gè) __proto__ 的屬性，屬相指向其父類型的 prototype
構(gòu)造函數(shù)和普通函數(shù)并沒有區(qū)別，使用 new 關(guān)鍵字調(diào)用就是構(gòu)造函數(shù)，使用構(gòu)造函數(shù)可以 實(shí)例化 一個(gè)對象
函數(shù)的返回值有兩種可能
1.顯式調(diào)用 return 返回 return 后表達(dá)式的求值
2.沒有調(diào)用 return 返回 undefined
function People(name, age) {
this.name = name;
this.age = age;
}
var people = new People('Byron', 26);
構(gòu)造函數(shù)返回值
1.沒有返回值
2.簡單數(shù)據(jù)類型
3.對象類型
前兩種情況構(gòu)造函數(shù)返回構(gòu)造對象的實(shí)例，實(shí)例化對象正是利用的這個(gè)特性
第三種構(gòu)造函數(shù)和普通函數(shù)表現(xiàn)一致，返回 return 后表達(dá)式的結(jié)果
總結(jié)
以上所述是小編給大家介紹的JavaScript中in和hasOwnProperty區(qū)別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
原生JS實(shí)現(xiàn)各種運(yùn)動之復(fù)合運(yùn)動
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)各種運(yùn)動之復(fù)合運(yùn)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了js實(shí)現(xiàn)的簡練高效拖拽功能,通過對js鼠標(biāo)事件的擴(kuò)展實(shí)現(xiàn)拖拽效果,非常簡單實(shí)用,需要的朋友可以參考下2016-12-12
點(diǎn)擊按鈕彈出模態(tài)框的一系列操作代碼實(shí)例
這篇文章主要介紹了js彈出模態(tài)框方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
js實(shí)現(xiàn)滾動條滾動到某個(gè)位置便自動定位某個(gè)tr
這篇文章主要介紹了js實(shí)現(xiàn)滾動條滾動到某個(gè)位置便自動定位某個(gè)tr的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
前端實(shí)現(xiàn)全局主題切換功能實(shí)例代碼
這篇文章主要介紹了如何使用ReactHook和Context實(shí)現(xiàn)全局主題切換的功能,通過創(chuàng)建一個(gè)Context對象和一個(gè)ThemeProvider組件,可以將當(dāng)前主題存儲在Context中,并提供一個(gè)切換主題的方法,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-03-03
DeviceOne 讓你一見鐘情的App快速開發(fā)平臺
DeviceOne是一個(gè)非常先進(jìn)的App開發(fā)平臺，使用Javascript 構(gòu)建原生體驗(yàn)的移動應(yīng)用程序，DeviceOne主要關(guān)注外觀和體驗(yàn)，以及和你的應(yīng)用程序的 UI 交互2016-02-02
微信小程序中的數(shù)據(jù)存儲實(shí)現(xiàn)方式
這篇文章主要介紹了微信小程序中的數(shù)據(jù)存儲實(shí)現(xiàn)方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
微信小程序開發(fā)之圓形菜單 仿建行圓形菜單實(shí)例
本篇文章主要介紹了微信小程序開發(fā)之圓形菜單 仿建行圓形菜單實(shí)例，具有一定的參考價(jià)值，有需要的可以了解一下。2016-12-12
Chrome調(diào)試折騰記之JS斷點(diǎn)調(diào)試技巧
這篇文章主要介紹了Chrome調(diào)試折騰記之JS斷點(diǎn)調(diào)試技巧，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
有人說喜歡一個(gè)人，沒必要了解她的過去，然而想讀懂一個(gè)人，卻需要了解她的過去。2011-01-01