TypeScript 中的对象重构

摘要:对象重构是 ES 6 的一项强大功能,可帮助开发人员编写更简洁的代码。它允许我们将 JavaScript 对象中的属性提取到变量中。技术上讲,它的工作方式是将对象的标题属性赋值给名为 string 的变量,并将注释属性赋值给数字变量

对象重构是 ES 6 的一项强大功能,可帮助开发人员编写更简洁的代码。它允许我们将 JavaScript 对象中的属性提取到变量中。

说到 TypeScript 中的对象重构,下面的语句不起作用。

const { title: string, comments: number } = blog

从技术上讲,它的工作方式是将对象的标题属性赋值给名为 string 的变量,并将注释属性赋值给数字变量。之所以会出现这种情况,是因为 JavaScript 假定我们要对变量进行重组和重命名,这是 ES6 的有效语法。

在 TypeScript 中进行对象重构的正确方法是:

const { title, comments } : { title: string; comments: number }  = blog

另一种方法是使用接口或类型声明:

interface Blog {
title: string
comments: number
}

const { title, comments }: Blog = blog

默认情况下,类型通常是推断出来的,因此通常不需要这种对象重构。

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_12704