每當代碼讀取某個對象的某個屬性時，都會執行一次搜索，目標是具有給定名字的屬性。搜索首先從對象實例本身開始。如果在實例中找到了具有給定名字的屬性，則返回該屬性的值；如果沒有找到，則繼續搜索指針指向的原型對象，在原型對象中查找具有給定名字的屬性。如果在原型對象中找到了這個屬性，則返回該屬性的值。
雖然可以通過對象實例訪問保存在原型中的值，但卻不能通過對象實例重寫原型中的值。如果在實例中添加一個與原型中屬性同名的屬性，則該屬性會屏蔽原型中的那個屬性。添加的同名屬性只會阻止我們訪問原型中的那個屬性，但不會修改那個屬性。即使將這個屬性設置為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.每個函數都有一個 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區別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！