将 JSON 转换为 TypeScript 对象的最佳方法是什么？

Question

我有JSON字符串

const json = '{ "first_name": "John", "last_name": "Doe"}';

还有一个班级User

class User {

  constructor(
    public first_name: string,
    public last_name: string
  ) {
  }

  public getFullName = (): string => {
    return this.first_name + ' ' + this.last_name;
  };
}

当我尝试这个时

const user: User = JSON.parse(json);

console.log(user.first_name); // Works, prints "John"
console.log(user.last_name); // Works, prints "Doe"
console.log(user.getFullName()); //Error: TypeError: user.getFullName is not a function

我知道发生了错误，因为 JSON.parse 只匹配 User 类型，但不匹配其中的方法。

所以为了解决这个问题，我在User 类中编写了一个fromJSON 静态方法来手动解析，

public static fromJSON = (json: string): User => {
    const jsonObject = JSON.parse(json);
    return new User(
      jsonObject.first_name,
      jsonObject.last_name
    );
};

这是我的问题

1. 这是一个完美的解决方案吗？
2. 还有比这更好的解决方案吗？
3. TypeScript 中是否有针对此问题的内置解决方案？

Answer 1

这是一个不错的解决方案。更好的方法是使用Object.assign，这样就不必编写所有的分配，因为如果有很多属性，这会失控，但任何一个都可以正常工作。

class User {

    public first_name!: string;
    public last_name!: string;
    constructor(data: Partial<User>) {
        Object.assign(this, data);
    }

    public getFullName (): string {
        return this.first_name + ' ' + this.last_name;
    };

    public static fromJSON = (json: string): User => {
        const jsonObject = JSON.parse(json);
        return new User(jsonObject);
    };  
}

打字稿中没有内置解决方案，Object.assign 最接近它。您可以考虑动态更改构造函数，详细的here，这会将对象转换为类的实例，但不一定性能更好。