Typescript 參數作為 object 傳遞時的構造函數簡寫

Question

我知道當我們以傳統方式傳遞參數時，我們可以簡化構造函數，例如

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

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

所以這個 class 的等效簡寫構造函數符號將是

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

你可以這樣做：

  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

Answer 2

我不知道更短的方法。 如果您忽略構造函數並嘗試將 object 分配給三個變量name 、 age和group ，那么這確實是一個關於如何在解構 object 時聲明類型的問題：

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

TypeScript 沒有用於常規解構的特殊符號（許多先前的答案和博客文章最終使用與您相同的樣式），因此在 function 定義中沒有用於解構的符號。

通過將類型定義設為接口，您可以使代碼更簡潔。