JavaScript中in和hasOwnProperty區(qū)別詳解
每當代碼讀取某個對象的某個屬性時,都會執(zhí)行一次搜索,目標是具有給定名字的屬性。搜索首先從對象實例本身開始。如果在實例中找到了具有給定名字的屬性,則返回該屬性的值;如果沒有找到,則繼續(xù)搜索指針指向的原型對象,在原型對象中查找具有給定名字的屬性。如果在原型對象中找到了這個屬性,則返回該屬性的值。
雖然可以通過對象實例訪問保存在原型中的值,但卻不能通過對象實例重寫原型中的值。如果在實例中添加一個與原型中屬性同名的屬性,則該屬性會屏蔽原型中的那個屬性。添加的同名屬性只會阻止我們訪問原型中的那個屬性,但不會修改那個屬性。即使將這個屬性設置為null,也只會在實例中設置這個屬性,而不會恢復其指向原型的鏈接。
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()
只在屬性存在于實例中時才返回true。
使用delete操作符則可以完全刪除實例屬性,從而讓我們能鞏固重新訪問原型中的屬性。
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.每個函數(shù)都有一個 prototype 的對象屬性,對象內(nèi)有一個 constructor 屬性,默認指向函數(shù)本身
2.每個對象都有一個 __proto__ 的屬性,屬相指向其父類型的 prototype
構造函數(shù)和普通函數(shù)并沒有區(qū)別,使用 new 關鍵字調(diào)用就是構造函數(shù),使用構造函數(shù)可以 實例化 一個對象
函數(shù)的返回值有兩種可能
1.顯式調(diào)用 return 返回 return 后表達式的求值
2.沒有調(diào)用 return 返回 undefined
function People(name, age) { this.name = name; this.age = age; } var people = new People('Byron', 26);
構造函數(shù)返回值
1.沒有返回值
2.簡單數(shù)據(jù)類型
3.對象類型
前兩種情況構造函數(shù)返回構造對象的實例,實例化對象正是利用的這個特性
第三種構造函數(shù)和普通函數(shù)表現(xiàn)一致,返回 return 后表達式的結(jié)果
總結(jié)
以上所述是小編給大家介紹的JavaScript中in和hasOwnProperty區(qū)別,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
深入探討JavaScript中parseInt與Number數(shù)字轉(zhuǎn)換方法的區(qū)別
在Javascript編程中,數(shù)字是一種常見的數(shù)據(jù)類型,經(jīng)常需要在不同的情境下進行不同類型的操作,本文將深入探討parseInt()和Number()的區(qū)別,通過代碼示例和詳細解釋,幫助大家更好地理解它們的用途,需要的朋友可以參考下2023-08-08利用JavaScript實現(xiàn)3D可旋轉(zhuǎn)粒子矩陣效果
dat.gui.js是一個一個輕量級的圖形用戶界面庫,或者說GUI組件,只有幾十KB,可以用于創(chuàng)建操作控制三維場景的菜單欄等。本文將利用dat.gui.min.js實現(xiàn)3D可旋轉(zhuǎn)粒子矩陣效果,感興趣的可以了解一下2022-06-06echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導致柱形圖,變的非常細,影響整體的效果,下面這篇文章主要給大家介紹了關于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關資料,需要的朋友可以參考下2023-04-04ElementUI table無縫循環(huán)滾動的示例代碼
這篇文章主要介紹了ElementUI table無縫循環(huán)滾動的示例代碼,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-08-08