代码之家 › 专栏 › 技术社区 › jhpratt

将类型赋给也被重命名的解构变量

typescript2.0 typescript

jhpratt · 技术社区 · 7 年前

如何在分配新变量名时使用解构赋值和设置类型?这里有一个例子:

const {
  Script: script, // string
  EstimatedDuration: estimated_duration, // number
  ActualDuration: actual_duration, // number
} = response.data[0];

我的第一反应是 <string> 或 as string 对RHS来说,这不管用。尝试其他变体也失败了。

这是可能的吗,还是我可以检查这些变量的类型?我想用解构而不是 const script: string = response.data[0].Script 类似的。

1 回复 | 直到 7 年前

y2bd 7 年前

如果你愿意把所有东西打两遍,你就可以做到。

// replace with your response object above
declare const responseObject: {
    Script: any,
    EstimatedDuration: any,
    ActualDuration: any,
};

const {
    Script: script,
    EstimatedDuration: estimated_duration,
    ActualDuration: actual_duration,
}: { 
    Script: string, 
    EstimatedDuration: number, 
    ActualDuration: number 
} = responseObject;

console.log(script, estimated_duration, actual_duration);

在这一点上,尽管您只是在编写实际的类型声明,所以您也可以将该类型设置为 interface 方便出入的地方。

推荐文章

Magician · 命名空间上的Typescript概念

7 年前

Vignesh · PrimeNG TurboTable性能问题

7 年前

Arjan · 问号Typescript变量

7 年前

invariant · 如何在typescript中接受react组件构造函数作为函数参数

7 年前

Jordi · Typescript:重载级联式构造函数

7 年前

MHOOS · 任何自定义类型

7 年前

Siya Mzam · 代码可以工作,但在promise中有一个try/catch块是最佳实践吗?

7 年前

Christoph Glaß · 导出角度模块中的枚举

8 年前

AbdulKareem · 基于传递的字符串参数约束返回的对象属性

8 年前

jbmilgrom · 函数中缺少参数作为参数不会引发编译器错误

8 年前