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

我们知道JavaScript不是类型化语言，所以我们不能在JavaScript中指定变量的类型，比如数字、字符串、布尔值。然而，在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。