带接口的打字稿解构赋值

wgf*_*242 2 javascript object typescript ecmascript-6

我尝试用接口解构赋值,但不能这样写。

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'
Run Code Online (Sandbox Code Playgroud)

Jac*_*ord 5

只需声明变量的类型,无需使用奇怪的对象表示法:

const { ...foo }: TYPE = e;
Run Code Online (Sandbox Code Playgroud)

然而,这是一种制作对象副本的奇怪方法 - 通常是这样完成的:

const foo: TYPE = { ...e };
Run Code Online (Sandbox Code Playgroud)