TypeScript 学习笔记

什么是 TypeScript?

TypeScript 是 JavaScript 的一个超集，添加了静态类型检查和基于类的面向对象编程。
TypeScript 代码在编译时会转换为纯 JavaScript，因此可以在任何支持 JavaScript 的环境中运行。

安装 TypeScript

使用 npm 安装 TypeScript：npm install -g typescript

类型系统

TypeScript 提供了静态类型系统，允许你指定变量、函数参数和返回值的类型。
内置类型包括：number, string, boolean, any, void, null, undefined, object, array 等。
还可以创建自定义类型，如接口（Interfaces）和枚举（Enums）。

接口（Interfaces）

接口定义了一个对象应该具有的结构。
可以用来定义对象的形状，包括属性和方法。

interface Person {
  name: string;
  age: number;
  greet(): void;
}
1
2
3
4
5

枚举（Enums）

枚举允许你定义一组命名的常量。

enum Color {
  Red,
  Green,
  Blue
}
1
2
3
4
5

类（Classes）

TypeScript 支持基于类的面向对象编程。
类提供了封装、继承和多态的特性。

class Animal {
  name: string;

  constructor(name: string) {
    this.name = name;
  }

  speak(): void {
    console.log(this.name + " makes a noise.");
  }
}

1
2
3
4
5
6
7
8
9
10
11
12

泛型（Generics）

泛型允许你编写灵活的代码，可以处理多种类型。

function identity<T>(arg: T): T {
  return arg;
}
1
2
3

模块（Modules）

TypeScript 支持模块，允许你将代码拆分成多个文件，并在需要时导入和导出。

// module.ts
export function greet(name: string) {
  console.log("Hello, " + name);
}

// app.ts
import * as myModule from './module';
myModule.greet("World");
1
2
3
4
5
6
7
8

编译 TypeScript

使用 TypeScript 编译器 tsc 将 TypeScript 代码编译为 JavaScript。
可以在命令行中直接运行 tsc，或者在 tsconfig.json 文件中配置编译选项。

与 JavaScript 互操作

TypeScript 代码可以轻松地与纯 JavaScript 代码互操作。
TypeScript 可以使用 JavaScript 库，并且 TypeScript 代码也可以被 JavaScript 代码使用。

这只是一个 TypeScript 学习笔记的简要概述，TypeScript 还有许多其他功能和特性等待你去探索和学习。希望这个笔记能帮助你入门 TypeScript！