在今天的教程中,我们将了解 TypeScript 中的类型注释。

什么是 TypeScript 中的类型注解

TypeScript 使用类型注释来显式指定标识符的类型,例如变量、函数、对象等。

TypeScript 使用语法 : type 在标识符之后作为类型注释,其中 type 可以是任何有效类型。

一旦使用类型注释标识符,它就只能用作该类型。如果标识符被用作不同的类型,TypeScript 编译器将发出错误。

在变量和常量中键入注释

以下语法显示了如何为变量和常量指定类型注释:

let variableName: type;
let variableName: type = value;
const constantName: type = value;

在此语法中,类型注释位于变量或常量名称之后,并以冒号 (:) 开头。

以下示例对变量使用数字注释:

let counter: number;

在此之后,我们只能为计数器变量分配一个数字:

counter = 1;

如果你给 counter 变量赋值一个字符串,你会得到一个错误:

let counter: number;
counter = 'Hello'; // compile error

错误:

Type '"Hello"' is not assignable to type 'number'.

我们既可以对变量使用类型注释,也可以在单个语句中对其进行初始化,如下所示:

let counter: number = 1;

在本例中,我们为计数器变量使用数字注释并将其初始化为 1。

下面显示了原始类型注释的其他示例:

let name: string = 'John';
let age: number = 25;
let active: boolean = true;

在本例中,name 变量获取字符串类型,age 变量获取数字类型,活动变量获取布尔类型。

类型注释示例

数组

要注释我们使用的数组类型,请使用特定类型,后跟方括号:type[] :

let arrayName: type[];

例如,以下声明了一个字符串数组:

let names: string[] = ['John', 'Jane', 'Peter', 'David', 'Mary'];

对象

要指定对象的类型,请使用对象类型注释。例如:

let person: {
   name: string;
   age: number
};
person = {
   name: 'John',
   age: 25
}; // valid

在此示例中,person 对象仅接受具有两个属性的对象:字符串类型的名称和数字类型的年龄。

函数参数和返回类型

下面展示了一个带有参数类型注解和返回类型注解的函数注解:

let greeting : (name: string) => string;

在此示例中,我们可以将任何接受字符串并返回字符串的函数分配给 greeting 变量:

greeting = function (name: string) {
    return `Hi ${name}`;
};

以下会导致错误,因为分配给 greeting 变量的函数与其函数类型不匹配。

greeting = function () {
    console.log('Hello');
};

错误:

Type '() => void' is not assignable to type '(name: string) => string'. Type 'void' is not assignable to type 'string'.

总结

使用语法 : [type] 的类型注释来显式指定变量、函数、函数返回值等的类型。