如何将纯 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中文网其他相关文章！