JavaScript中in和hasOwnProperty區別詳解，

JavaScript中in和hasOwnProperty區別詳解，

　每當代碼讀取某個對象的某個屬性時，都會執行一次搜尋，目標是具有給定名字的屬性。搜尋首先從對象執行個體本身開始。如果在執行個體中找到了具有給定名字的屬性，則返回該屬性的值；如果沒有找到，則繼續搜尋指標指向的原型對象，在原型對象中尋找具有給定名字的屬性。如果在原型對象中找到了這個屬性，則返回該屬性的值。

雖然可以通過對象執行個體訪問儲存在原型中的值，但卻不能通過對象執行個體重寫原型中的值。如果在執行個體中添加一個與原型中屬性同名的屬性，則該屬性會屏蔽原型中的那個屬性。添加的同名屬性只會阻止我們訪問原型中的那個屬性，但不會修改那個屬性。即使將這個屬性設定為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"));//falsealert("name" in person1);//trueperson1.name = "Greg";alert(person1.name);//"Greg"alert(person1.hasOwnProperty("name"));//truealert("name" in person1);//truedelete person1.name;alert(person1.name);//"Nicholas"alert(person1.hasOwnProperty("name"));//falsealert("name" in person1);//true

prototype

1.每個函數都有一個 prototype 的對象屬性，對象內有一個 constructor 屬性，預設指向函數本身

2.每個對象都有一個 __proto__ 的屬性，屬相指向其父類型的 prototype

建構函式和普通函數並沒有區別，使用 new 關鍵字調用就是建構函式，使用建構函式可以 執行個體化 一個對象

函數的傳回值有兩種可能

1.顯式調用 return 返回 return 後運算式的求值

2.沒有調用 return 返回 undefined

function People(name, age) { this.name = name; this.age = age;}var people = new People('Byron', 26);

建構函式傳回值

1.沒有傳回值
2.單一資料型別
3.物件類型

前兩種情況建構函式返回構造對象的執行個體，執行個體化對象正是利用的這個特性

第三種建構函式和普通函數表現一致，返回 return 後運算式的結果

總結

以上所述是小編給大家介紹的JavaScript中in和hasOwnProperty區別，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！