返回
TypeScript 基本语法
前端
2023-12-05 15:19:36
1.基本语法
TypeScript的基本语法与JavaScript非常相似,因此如果你已经掌握了JavaScript,那么学习TypeScript将会非常容易。在TypeScript中,变量声明必须使用let或const,并且变量类型必须在声明时指定。例如:
let name: string = "TypeScript";
const age: number = 30;
2.类型注解
类型注解是TypeScript的一大特色,它可以帮助我们指定变量的类型。在TypeScript中,我们可以使用以下几种类型注解:
- 基本类型:包括number、string、boolean、null和undefined。
- 联合类型:允许变量同时存储多种类型的值。例如:
let name: string | number = "TypeScript";
- 数组类型:表示数组类型,可以使用[]指定数组元素的类型。例如:
let numbers: number[] = [1, 2, 3];
- 对象类型:表示对象类型,可以使用{}指定对象的属性和类型。例如:
let person: { name: string; age: number } = { name: "TypeScript", age: 30 };
3.接口
接口是一种定义对象类型的工具,它可以帮助我们指定对象属性的名称和类型。在TypeScript中,我们可以使用interface关键字来定义接口。例如:
interface Person {
name: string;
age: number;
}
4.类
类是一种封装数据和行为的工具,它可以帮助我们组织和管理代码。在TypeScript中,我们可以使用class关键字来定义类。例如:
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
}
5.模块
模块是一种组织代码的工具,它可以帮助我们将代码分解成更小的单元。在TypeScript中,我们可以使用module关键字来定义模块。例如:
module Person {
export class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
}
}
结论
以上是我们对TypeScript基础知识的简要介绍。如果你想了解更多关于TypeScript的内容,可以参考TypeScript官方文档。