带有接口的打字稿解构赋值

【问题标题】：typescript destructuring assignment with interface带有接口的打字稿解构赋值
【发布时间】：2019-12-12 03:15:01
【问题描述】：

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

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'

【问题讨论】：

您希望const {...foo}: {foo: TYPE} = e; 究竟会做什么？
const {...foo, ...rest}: {foo: TYPE, rest: any} = e,;析构分配类型，并休息属性，但不要这样写。

标签： javascript typescript object ecmascript-6

【解决方案1】：

只需在变量上声明类型，不要使用奇怪的对象表示法：

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

然而，这是一种复制对象的奇怪方式 - 通常是这样完成的：

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

【讨论】：

const { ...foo }: TYPE = e; 是什么意思？为什么不const foo = e;？
因为没有传播，它会创建一个引用而不是浅拷贝。
那是一种奇怪的做法：const foo = { ...e }; 是通常的做法。
是的，但是 OP 就是这样做的。
澄清一下，我只是为您的回答 +1，我认为这没有什么问题。不过，他们所做的事情很奇怪，所以为了清楚起见，您是否也请添加其他选项？ :-)