TypeScript类型注解

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

类型注解是指我们在使用类型时可以放置在任何位置的注解。在TypeScript中，使用类型注解并非强制性要求。它有助于编译器检查变量的类型，并避免处理数据类型时出现错误。

我们可以通过在变量名、参数或属性后使用“冒号(: Type)”来指定类型。冒号和变量名、参数或属性之间可以有空格。TypeScript包括JavaScript的所有原始数据类型，如number、string、boolean等。

语法

var variableName: TypeAnnotation = value;

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

var age: number = 44;          // 数字变量
var name: string = "Rahul";     // 字符串变量
var isUpdated: boolean = true; // 布尔变量 

在上面的示例中，变量声明了它们的数据类型。这些示例演示了类型注解。在此处，我们无法通过使用可用数据类型的不同数据类型更改值。如果尝试这样做，则TypeScript编译器会抛出错误。例如，如果将一个字符串赋给一个变量年龄或将一个数字赋给名称，则会出现编译错误。

将类型注解用作参数

以下示例演示了参数的类型注解。

示例

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编译器会抛出错误：不兼容的属性类型。