带有 getter 的 typescript 可选属性

Question

这是一个简化的例子：

class PersonParms{
    name:string;
    lastName:string;
    age?:number;
    get fullName(){return this.name + " " + this.lastName;}
}

class Person{
    constructor(prms:PersonParms){
    }
}

new Person({name:'John',lastName:'Doe'})  // ts error: Property 'fullName' is missing in type '{ name: string; lastName: string; }'.

这个想法是将一个文字对象作为 PersonParms 的 intizalizer 传递，但是有了这个 getter，您既不能将 getter 声明为可选，也不能将属性添加到对象文字中。还有其他方法可以实现吗？

Answer 1

非常有趣。我认为，你应该 report an issue TypeScript，因为方法可以是可选的（见下文），但属性获取器不是。这很奇怪.. 作为一种解决方法，我可以建议两种变体。一个不错的：

class PersonParms {
    name:string;
    lastName:string;
    age?: number;

    getFullName?() {return this.name + " "+this.lastName;}
}

还有第二个，那就是 hacky，因为我们在传递给构造函数时将所有属性设为可选。

class PersonParms {
    name:string;
    lastName:string;
    age?: number;

    get fullName(){return this.name + " "+this.lastName;}
}

class Person{
    constructor(prms: Partial<PersonParms>){
    }
}

Answer 2

截至 2020 年 4 月，没有没有方法可以实施。

对此有一个不确定的 PR： https://github.com/microsoft/TypeScript/pull/16344

此处介绍了通过接口提出的解决方案： https://github.com/microsoft/TypeScript/pull/16344

就个人而言，该解决方案不符合我的需求，我宁愿将该属性声明为私有。

希望我们以后能有更好的运气。

Answer 3

还有其他方法可以实现吗？

我会这样做：

class Person {
  constructor(public config: { name: string, lastName: string }) {}
  age?: number;
  get fullName() { return this.config.name + " " + this.config.lastName; }
}

new Person({ name: 'John', lastName: 'Doe' }) 

Answer 4

我找到了适合我的解决方案：

class Person {
  name?:string;
  lastName?:string;
  age?: number;
  fullName?:string;

  constructor(public config: { name: string, lastName: string }) {
    Object.defineProperty(this,'fullName',{
           get(){return this.name + " " + this.lastName;}
          });

}

Answer 5

如果你创建一个新的 PersonParms 实例，那么错误就会消失。

class PersonParms{
    name:string;
    lastName:string;
    age?:number;
    get fullName(){return this.name + " "+this.lastName;}
}

class Person{
    constructor(prms:PersonParms){
    }
}

const personParams = new PersonParms();
personParams.name = 'John';
personParams.lastName = 'John';
new Person(personParams)  // No error because this is an instance of PersonParams

我不确定你在哪里/如何使用 PersonParms.fullname 但在你的情况下我会使用这个：

interface PersonParms{
    name:string;
    lastName:string;
    age?:number;    
}

class Person implements PersonParms{
    name: string;
    lastName: string;
    age?:number
    constructor(prms: PersonParms) {
        this.name = prms.name;
        this.lastName = prms.lastName;
        this.age = prms.age;
    }

    get fullName(){return this.name + " "+this.lastName;}
}

const person = new Person({ name: 'John', lastName: 'Doe' });

console.log(person.fullName); // John Doe

Answer 6

记住 optional 是一个类型概念。 getter 是一种实现。实现可以返回一个可选类型。在实现具有可选只读属性的接口的类中，该类可以不使用 getter。看到这个答案get and set in TypeScript

Answer 7

class PersonParms {
  name: string;
  lastName: string;
  age?: number;
  fullName?: string = this.name + ' ' + this.lastName;
}

class Person {
  constructor(prms: PersonParms) {
  }
}

new Person({ name: 'John', lastName: 'Doe' });

Answer 8

如果你强制转换对象，这将防止编译时错误。

export class IndividualModel {
    constructor(individual: IndividualModel = null) {
        if (individual) {
            this.individualKey = individual.individualKey;
            this.firstName = individual.firstName;
            this.lastName = individual.lastName;
        }
    }

    individualKey: string;
    firstName?: string;
    lastName?: string;
    get fullName(): string {
        return `${this.lastName}, ${this.firstName}`;
    }
}

const individual = new IndividualModel(<IndividualModel>{ individualKey: 'some-key' });

Answer 9

   class PersonParms {
      name: string;
      lastName: string;
      age?: number;

     getFullName?(): string | null { return this.name + ' ' + this.lastName; }
  }

  class Person {
     constructor(prms: PersonParms) {
     }
  }
 new Person({ name: 'John', lastName: 'Doe' });