TypeScript 类型注释

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

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

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

语法

var variableName: TypeAnnotation = value;

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

var age: number = 44;          // number variable
var name: string = "Rahul";     // string variable
var isUpdated: boolean = true; // Boolean variable 

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

类型注解作为参数使用

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

示例

function display(id:number, name:string)
{
    console.log("Id = " + id + ", Name = " + name);
}
display(101, "Rohit Sharma");

输出：

Id = 101, Name = Rohit Sharma

内联类型注释

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

语法

:{ /*Structure*/ }

示例

var student : { 
    id: number; 
    name: string; 
}; 

student = { 
  id: 100, 
  name : "John"
}

在这里，我们声明了一个名为student的对象，它有两个属性”id”和”name”，分别具有数据类型number和string。如果我们尝试将一个字符串值赋给id，TypeScript编译器将会抛出一个错误：属性的类型不兼容。