前端一个类 由多个类组成，要怎么写呢？

Question

比如接口给的是这样的结构
我前端想通过class去实例化这样的一个类，我要怎么写呢？

class PersonalInfo {
  constructor(props) {
    this.certificateFiles = props.certificateFiles;
    this.residentialAddress = props.residentialAddress;
    this.contacts = props.contacts;
  }
}

像我这种写法没有体现certificateFiles和contacts里面有什么

Answer 1

class PersonalInfo {
  constructor(props) {
    this.certificateFiles = props.certificateFiles.map(certificateFile => new CertificateFile(certificateFile));
    this.residentialAddress = props.residentialAddress;
    this.contacts = props.contacts.map(contact => new Contact(contact));
  }
}
// 可以根据需要定义certificateFile和contact类
class CertificateFile{
  fileId = UUID();
  // 其他字段...
}
class Contact {
  // 属性成员...
}

Answer 2

以为JS实际上是没有类的, 而class关键字本质上也只是原型链'继承'的语法糖, 加双引号是因为这个继承也不是传统意义上面向对象的继承. 因此个人在开发中不会使用class的概念, 这种可以直接定义个对象就行了:

const PersonalInfo = {
  certificateFiles : {
          // ......
     },
  residentialAddress : {
    // ....
    },
  contacts: {
  // ...
  }

Answer 3

可以使用 implement 关键词, 来实现 类, 可以提前编辑好基类, 根据你的需要来重写覆盖方法等操作, 类似java的类的写法