javascript中in和hasOwnProperty區別


  每當代碼讀取某個對象的某個屬性時,都會執行一次搜索,目標是具有給定名字的屬性。搜索首先從對象實例本身開始。如果在實例中找到了具有給定名字的屬性,則返回該屬性的值;如果沒有找到,則繼續搜索指針指向的原型對象,在原型對象中查找具有給定名字的屬性。如果在原型對象中找到了這個屬性,則返回該屬性的值。雖然可以通過對象實例訪問保存在原型中的值,但卻不能通過對象實例重寫原型中的值。如果在實例中添加一個與原型中屬性同名的屬性,則該屬性會屏蔽原型中的那個屬性。添加的同名屬性只會阻止我們訪問原型中的那個屬性,但不會修改那個屬性。即使將這個屬性設置為null,也只會在實例中設置這個屬性,而不會恢復其指向原型的鏈接。

in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在於實例中時才返回true。

使用delete操作符則可以完全刪除實例屬性,從而讓我們能鞏固重新訪問原型中的屬性。

 1 function Person(){
 2 }
 3 Person.prototype.name = "Nicholas";
 4 Person.prototype.age = 29;
 5 Person.prototype.job = "Software Engineer";
 6 Person.prototype.sayName = function(){
 7     alert(this.name);
 8 };
 9 
10 var person1 = new Person();
11 var person2 = new Person();
12 
13 alert(person1.hasOwnProperty("name"));//false
14 alert("name" in person1);//true
15 
16 person1.name = "Greg";
17 alert(person1.name);//"Greg"
18 alert(person1.hasOwnProperty("name"));//true
19 alert("name" in person1);//true
20 
21 delete person1.name;
22 alert(person1.name);//"Nicholas"
23 alert(person1.hasOwnProperty("name"));//false
24 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 后表達式的結果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM