参数作为对象传递时的打字稿构造函数简写

Question

我知道当我们以传统方式传递参数时，我们可以让构造函数简写

class Foo {
  
  private name: string;
  private age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age= age;
  }
}

所以这个类的等效简写构造函数符号将是

class Foo {
      constructor(private name: string, private age: number) {}
    }

同样，当构造函数参数作为如下对象传入时，我该如何做同样的速记。

    class Foo {
      private name: string;
      private age: number;
      private group: string;
      constructor({
        name,
        age,
        group,
      }: {
        name: string;
        age: number;
        group: string;
      }) {
        this.name= name;
        this.age= age;
        this.group= group;
      }
   }

Answer 1

我不知道有更短的方法。如果忽略构造函数，只是尝试将该对象分配给三个变量name、age 和group，那么这确实是一个关于如何在解构对象时声明类型的问题：

const { name, age, group } = {
  name: 'name',
  age: 42,
  group: 'answers',
};

TypeScript 没有用于常规解构的特殊符号（许多 previous answers 和 blog posts 最终使用与您相同的样式），因此它没有这样的解构符号在函数定义中。

您可以通过将类型定义设为接口来使代码更简洁。

Answer 2

你可以这样做：

  class Foo {
      constructor(public obj : { name: string, age: number, group: string}) {
      }
   }
  let foo = new Foo({name: 'name',  age: 42,group: 'answers'});

  alert(foo.obj.name);

PlaygroundLink