TypeScript 类型注解

2024 年 8 月 29 日 | 阅读 2 分钟

我们知道 JavaScript 不是一种类型语言,因此我们无法指定变量的类型,例如 JavaScript 中的数字、字符串、布尔值。 但是,在 TypeScript 中,我们可以指定变量、函数参数和对象属性的类型,因为 TypeScript 是一种类型语言。

类型注解是我们在使用类型时可以放置在任何地方的注解。 在 TypeScript 中,类型注解的使用不是强制性的。 它可以帮助编译器检查变量的类型,并避免处理数据类型时出错。

我们可以通过在变量名、参数或属性后使用冒号(: Type)来指定类型。 冒号和变量名、参数或属性之间可以有空格。 TypeScript 包括 JavaScript 的所有原始数据类型,例如数字、字符串、布尔值等。

语法

以下示例演示了具有不同数据类型的变量的类型注解。

在上面的示例中,变量是用其数据类型声明的。 这些示例演示了类型注解。 在这里,我们不能通过使用与可用数据类型不同的数据类型来更改值。 如果我们尝试这样做,TypeScript 编译器将抛出错误。 例如,如果我们为变量age分配一个字符串,或者为name分配一个数字,那么它会给出一个编译错误。

将类型注解用作参数

以下示例演示了带有参数的类型注解。

示例

输出

Id = 101, Name = Rohit Sharma

内联类型注解

在 TypeScript 中,内联类型注解允许我们为对象的每个属性声明一个对象。

语法

示例

在这里,我们声明一个具有两个属性“id”和“name”的对象 student,其数据类型分别为数字和字符串。 如果我们尝试为 id 分配一个字符串值,TypeScript 编译器将抛出一个错误:属性的类型不兼容。