返回

TypeScript 基本语法

前端

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官方文档。