2019-11-8 物件-忍者

[hsiaofung]

• 如何將JavaScript應用程式，組織成小型的，具有良好結構的功能單元，也就是所謂的模組。
• 在軟體開發的過程中，我們都會盡量避免重新發明輪子，意思是我們想盡可能地重複使用現有的程式碼。一種可以重用程式碼，並且幫助我們把程式組織好的方式就是繼承。
• 繼承: 把某個物件上的功能沿伸到其他物件。
• 原型: 就如同這個例子: 當你知道問題的答案你就講，若你不知道則問你旁邊的人。
• 透過原型，物件可以存取其他物件的屬性。
• Object.setPrototypeOf 方法，可以設定物件的原型。
• 原型串鏈
• 在搜尋特定屬性時，在原型鏈上是如何移動的?

[hsiaofung]

類別建構器

• 一個用來對物件進行初始化的函式，讓它具有某種已知的初始狀態。
• new 運算子是用在建構器函式上，會觸發一塊記憶體空間被撥出來，用於存放新物件。
• 使用new 會產生物件實例，但用一般函式呼叫不會產生物件。
• 使用new 會產生背景空間，可用this關鍵字來存取。

屬性

• 會先搜尋物件的屬性，若搜尋不到，才會往原型搜尋。
• 對資料屬性建立各自版本的屬性，可能沒有問題，但對方法而言，卻是建立不同版本同一個邏輯的屬性，浪費記憶空間。讓物件方法只在函式原型上出現，這樣一來，我們只會有一個被所有物件實例共享的方法。
• 物件與函數原型的參照，是在初始化物件時建立的。所以舊的物件會參照舊的原型，新的物件會參照新的原型。
• 屬性描述子
  • Object.defineProperty: 可對屬性做細部調教。
• 解決覆寫constructor屬性的問題?
  • 使用Object.defineProperty 重建屬性和原型之間的關係。

原型

• 原型的運作方式?
• 原型與物件初始化之間的關係?
• javaScript 如何利用原型，找到正確的屬性參照?
• 如何知道哪一個函式建立物件實值?
  • typeof : 告訴我們哪一個類型?
  • instanceof: 告訴我們從哪一個函式建立?
  • object.constructor : 得到一個指向建構器的參照。
• constructor 屬性存在的目的其實只是為了表明物件的實際來源。
  • constructor 是位在建構函式的原型中，而不是在建構函式中。
  • 如果constructor屬性被改寫了，也就失去與物件起源的聯繫。
  • constructor 屬性可用來判斷是使用哪個函式來建立物件。

[hsiaofung]

繼承

• 繼承是程式碼重用的一種形式。透過繼承，新物件可以存取既有物件的屬性。這有助於避免在程式碼裡一直重複同樣的程式與資料。
• 建立原型串鏈的最佳方式是使用一個物件實例，以它來作為其他物件的原型。藉此達成繼承的目的。

  Ninja.prototype = new Person();

• 會發生覆寫constructor屬性的問題?

[hsiaofung]

instanceof運算子:

• 會針對函數的原型做檢查。若出現在實例的原型鍊上，則為true。
• javascript 是動態程式語言，可以在任何時候修改函數的原型。
• instanceof運算子會檢查右側函式的原型，是不是在左側物件的原型鍊上。然而，我們可以在任何時候修改函式的原型。

[hsiaofung]

Class

• javascript透過原型實現繼承。
• 可以使用class建立物件與繼承，底層仍是使用原型的方式實現繼承。
  • constructor: 定義一個建構器函式，當我們用關鍵字new 來呼叫類別時，它會被執行。
• class 是糖衣語法。更優雅。讓我們在javascript模擬物件時更方便。
• 如何定義可以被所有物件實例存取到的"物件方法"?
• 靜態方法:(定義在"類別層級"的方法)
  • 使用關鍵字static 建立靜態方法。
• 如何在ES5中模擬靜態的方法?
  • 在建構器函數上增加一個方法

    function Ninja(){}
    Ninja.compare = function(ninja1, ninja2){}

• ES6 中的繼承:
  • 使用extends 關鍵字來繼承類別。
  • 使用super 呼叫基礎類別的建構器。

[hsiaofung]

• 在建構器函式裡定義方法，和在建構器函式的原型裡定義方法有什麼不同?
  • 在建構器函式裡定義方法，所有的物件實例都會執行各自同樣程式碼的方法。 在建構器函式的原型裡定義方法，所有的物件實例都會執行同一個方法。