英文 | https://www.javascripttutorial.net

翻译 | 杨小爱

在今天的教程中，我们将了解 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] 的类型注释来显式指定变量、函数、函数返回值等的类型。

推荐阅读

【TypeScript教程】04—为什么选择 TypeScript

【TypeScript教程】05—理解 TypeScript 中的类型注解

学习更多技能
请点击下方公众号