TypeScript使用类型注解 – TypeScript开发教程

上一章TypeScript教程请查看:TypeScript操作符全解
我们知道JavaScript不是类型化语言,所以我们不能在JavaScript中指定变量的类型,比如数字、字符串、布尔值。然而,在TypeScript中,我们可以指定变量、函数参数和对象属性的类型,因为TypeScript是类型化语言。
【TypeScript使用类型注解 – TypeScript开发教程】类型注释是当我们使用类型时可以放在任何地方的注释。类型注释在TypeScript中不是强制的。它帮助编译器检查变量的类型,并在处理数据类型时避免错误。
我们可以在变量名、参数或属性之后使用冒号(:type)来指定类型,冒号和变量名、参数或属性之间可以有空格,TypeScript包含所有JavaScript的原始数据类型,如数字、字符串、布尔值等。
语法

var variableName: TypeAnnotation = value;

下面的示例演示具有不同数据类型的变量的类型注释。
var age: number = 44; // number变量 var name: string = "Rahul"; // string变量 var isUpdated: boolean = true; // Boolean变量

在上面的例子中,变量是用它们的数据类型声明的。这些示例演示了类型注释。在这里,我们不能使用与可用数据类型不同的数据类型来更改值。如果我们尝试这样做,TypeScript编译器将抛出一个错误。例如,如果我们将一个字符串赋值给一个变量age或number,那么它将给出一个编译错误。
使用类型注释作为参数
下面的示例演示了带有参数的类型注释。
例子
function display(id:number, name:string) { console.log("Id = " + id + ", Name = " + name); } display(101, "Van Gogh");

内联注释类型在TypeScript中,内联类型注释允许我们为对象的每个属性声明一个对象。
语法
:{ /*Structure*/ }

语法
var student : { id: number; name: string; }; student = { id: 100, name : "John" }

在这里,我们用数据类型number和字符串分别声明一个具有两个属性“id”和“name”的对象student。如果我们试图将一个字符串值赋给id, TypeScript编译器将抛出一个错误:Type of property are incompatible。

    推荐阅读