如何將純 JavaScript 物件轉換為類別的實例？

在 JavaScript 中將普通物件轉換為類別實例

在 JavaScript 中從普通物件建立真實實例是可能的，但會帶來一定的挑戰。讓我們探索一個實際場景及其解決方案。

問題

考慮兩個類，Person 和 Animal。伺服器傳回通用Person 物件的陣列：

[
  { personName: "John", animals: [{ animalName: "cheetah" }, { animalName: "giraffe" }] },
  { personName: "Smith", animals: [{ animalName: "cat" }, { animalName: "dog" }] }
]

目標是將此物件陣列轉換為Person 實例的類型化陣列，以啟用諸如Persons[0].Animals[2].Run 之類的呼叫()。

解決方案

從普通物件建立實例涉及呼叫其建構函式並正確分配屬性。

一般方法是讓建構子接受類似實例的物件並複製他們。內部實例建立邏輯由建構函式處理。

自訂方法

另一個解決方案是在Person 類別上建立靜態方法，該方法接受物件並產生實例：

Person.fromJSON = function(obj) {
  // Custom code to create instances based on `obj`
  return ...;
};

基本情況的簡單方法

對於像您這樣的簡單情況，沒有建構函數，只有公共屬性，您可以這樣做：

var personInstance = new Person();
for (var prop in personLiteral)
  personInstance[prop] = personLiteral[prop];

或者，您可以使用Object.分配：

var personInstance = Object.assign(new Person(), personLiteral);

遵循類似的方法建立Animal 實例。

其他實作

由於 JSON 不傳達類別訊息，因此您需要知道提前物件結構。在您的情況下，實作將如下所示：

var persons = JSON.parse(serverResponse);
for (var i=0; i<persons.length; i++) {
  persons[i] = $.extend(new Person, persons[i]);
  for (var j=0; j<persons[i].animals; j++) {
    persons[i].animals[j] = $.extend(new Animal, persons[i].animals[j]);
  }
}

附加註解

您的 Animal 類別可能在原型上定義其 run 方法，而不是在每個實例上。

以上是如何將純 JavaScript 物件轉換為類別的實例？的詳細內容。更多資訊請關注PHP中文網其他相關文章！