JSON 到 TypeScript 类实例？[重复]

Question

我做了相当多的研究，但我对我的发现并不完全满意。只是为了确定这是我的问题：实际上，将JSON反序列化为TypeScript运行时类实例的最强大，最优雅的自动化解决方案是什么？

假设我得到了这个类：

class Foo {
  name: string;
  GetName(): string { return this.name };
}

假设我得到了这个JSON字符串用于反序列化:

{"name": "John Doe"}

对于获取名称设置为“John Doe”的 Foo 类实例和 GetName（） 方法的工作，最佳且最可维护的解决方案是什么？我问得很具体，因为我知道很容易反序列化为纯数据对象。我想知道是否有可能获得具有工作方法的类实例，而无需进行任何手动解析或任何手动数据复制。如果无法实现完全自动化的解决方案，那么下一个最佳解决方案是什么？

Answer 1

将JSON反序列化为TypeScript运行时类实例的最健壮、最优雅的自动化解决方案是什么？

将属性修饰器与 ReflectDecorator 结合使用来记录可在反序列化过程中使用的运行时可访问的类型信息，这提供了一种令人惊讶的干净且适应性广泛的方法，该方法也可以很好地适应现有代码。它也是完全自动化的，也适用于嵌套对象。

这个想法的一个实现是TypeJSON，我正是为此任务创建的：

@JsonObject
class Foo {
    @JsonMember
    name: string;

    getName(): string { return this.name };
}

var foo = TypedJSON.parse('{"name": "John Doe"}', Foo);

foo instanceof Foo; // true
foo.getName(); // "John Doe"

Answer 2

现在可以使用< code>Object.assign(target，...来源)。按照你的例子，你可以这样使用它:

class Foo {
  name: string;
  getName(): string { return this.name };
}

let fooJson: string = '{"name": "John Doe"}';
let foo: Foo = Object.assign(new Foo(), JSON.parse(fooJson));

console.log(foo.getName()); //returns John Doe

Object.assign是ECMAScript 2015的一部分，目前可在大多数现代浏览器中使用。

Answer 3

这个问题相当广泛，所以我将给出几个解决方案。

下面是一个使用Helper方法的示例，您可以根据自己的需要进行更改:

class SerializationHelper {
    static toInstance<T>(obj: T, json: string) : T {
        var jsonObj = JSON.parse(json);

        if (typeof obj["fromJSON"] === "function") {
            obj["fromJSON"](jsonObj);
        }
        else {
            for (var propName in jsonObj) {
                obj[propName] = jsonObj[propName]
            }
        }

        return obj;
    }
}

然后使用它：

var json = '{"name": "John Doe"}',
    foo = SerializationHelper.toInstance(new Foo(), json);

foo.GetName() === "John Doe";

高级反序列化

这还可以通过将您自己的＜code＞fromJSON

interface IFooSerialized {
    nameSomethingElse: string;
}

class Foo {
  name: string;
  GetName(): string { return this.name }

  toJSON(): IFooSerialized {
      return {
          nameSomethingElse: this.name
      };
  }

  fromJSON(obj: IFooSerialized) {
        this.name = obj.nameSomethingElse;
  }
}

然后使用它：

var foo1 = new Foo();
foo1.name = "John Doe";

var json = JSON.stringify(foo1);

json === '{"nameSomethingElse":"John Doe"}';

var foo2 = SerializationHelper.toInstance(new Foo(), json);

foo2.GetName() === "John Doe";

另一种方法是创建自己的基类：

class Serializable {
    fillFromJSON(json: string) {
        var jsonObj = JSON.parse(json);
        for (var propName in jsonObj) {
            this[propName] = jsonObj[propName]
        }
    }
}

class Foo extends Serializable {
    name: string;
    GetName(): string { return this.name }
}

然后使用它：

var foo = new Foo();
foo.fillFromJSON(json);

使用基类实现自定义反序列化有太多不同的方法，所以我将根据您的需要来决定。