上一章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。
推荐阅读
- TypeScript类型推断 – TypeScript开发教程
- TypeScript操作符全解 – TypeScript开发教程
- let和var关键字的区别 – TypeScript开发教程
- TypeScript使用变量 – TypeScript开发教程
- Null和Undefined之间的区别 – TypeScript开发教程
- TypeScript数据类型 – TypeScript开发教程
- 编写第一个TypeScript程序 – TypeScript开发教程
- 安装TypeScript的两种方式 – TypeScript开发教程
- TypeScript组件解释 – TypeScript开发教程