【问题标题】：Types in object destructuring对象解构中的类型
【发布时间】：2017-02-02 00:35:24
【问题描述】：

这个

const { foo: IFoo[] } = bar;

还有这个

const { foo: Array<IFoo> } = bar;

会合理地导致错误。

还有这个

const { foo: TFoo } = bar;

只会解构TFoo 属性。

如何为解构对象属性指定类型？

【问题讨论】：

【解决方案1】：

事实证明，可以在: 之后为整个解构模式指定类型：

const {foo}: {foo: IFoo[]} = bar;

这实际上并不比普通的旧更好

const foo: IFoo[] = bar.foo;

【讨论】：

【解决方案2】：

我显然有点迟到了，但是：

interface User {
  name: string;
  age: number;
}

const obj: any = { name: 'Johnny', age: 25 };
const { name, age }: User = obj;

name 和 age 的属性类型应分别正确推断为 string 和 number。

【讨论】：

【解决方案3】：

我自己的问题的后续行动。

不需要为对象属性指定类型，因为它们是从解构对象推断出来的。

考虑到bar 输入正确，foo 类型将被推断：

const bar = { foo: [fooValue], ... }; // bar type is { foo: IFoo[], ... }
...
const { foo } = bar; // foo type is IFoo[]

即使bar 没有正确键入（any 或unknown），也可以断言其类型：

const { foo } = bar as { foo: IFoo[] }; // foo type is IFoo[]

【讨论】：

【解决方案4】：

NextJS Typescript 示例

我有这样的场景：

const { _id } = req.query
if (_id.substr(2)) { ?
 ...
}

req.query 的输入类似于

type ParsedUrlQuery = { [key: string]: string | string[] }

这样做很有效：

const { _id } = req.query as { _id: string }
if (_id.substr(2)) { ?
 ...
}

讽刺的是，Typescript 是正确的，我应该这样做：

const _id = (req.query._id || '').toString() ✅

或者做一些这样的辅助方法：

const qs = (
  (q: ParsedUrlQuery) => (k: string) => (q[k] || '').toString()
)(req.query) ?

我可以像这样重复使用：

const _id = qs('_id') ?

【讨论】：