帶接口的打字稿解構分配

Question

我試圖用接口破壞分配，但是不能這樣寫。

interface TYPE {
  id?: number;
  type?: string;
}

const e =  {
  'id': 123,
  'type': 'type_x',
  'other': 'other_x'
}
const {...foo}: {foo: TYPE} = e;
console.log(foo.id, foo.type) // expected: 123, 'type_x'

Answer 1

只需在變量上聲明類型，而無需使用怪異的對象符號：

const { ...foo }: TYPE = e;

但是，這是一種復制對象的怪異方法-通常這樣做是這樣的：

const foo: TYPE = { ...e };