TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，并为 JavaScript 添加了静态类型检查和更多的面向对象特性。本课程笔记将深入浅出地介绍 TypeScript 的基本概念和优势，并结合代码示例进行说明。

一、TypeScript 简介

静态类型检查：TypeScript 引入了类型系统，可以在编译阶段检查代码中的类型错误，提前发现潜在的问题。
代码提示和补全：TypeScript 支持编辑器智能提示和代码补全，提高开发效率。
类型推断：TypeScript 可以根据上下文自动推断变量的类型，简化类型声明的过程。

二、基本类型和类型注解

TypeScript 支持多种基本类型，包括 number、string、boolean、array、object 等，并且可以使用类型注解为变量、函数和对象添加类型。

示例：

// 基本类型和类型注解
let age: number = 30;
let name: string = "Alice";
let isStudent: boolean = true;
let hobbies: string[] = ["reading", "swimming", "coding"];

function add(a: number, b: number): number {
  return a + b;
}

let person: { name: string; age: number } = {
  name: "Bob",
  age: 25,
};

三、接口和类

TypeScript 支持接口和类的定义，可以更好地描述对象的结构和行为，并且支持继承和实现接口。

示例：

// 接口和类
interface Shape {
  name: string;
  area(): number;
}

class Circle implements Shape {
  constructor(public name: string, public radius: number) {}

  area(): number {
    return Math.PI * this.radius * this.radius;
  }
}

四、泛型

TypeScript 支持泛型，可以在函数和类中使用泛型来增加代码的灵活性和复用性。

示例：

// 泛型
function identity<T>(arg: T): T {
  return arg;
}

let result = identity<number>(42);

五、类型别名和联合类型

TypeScript 支持类型别名和联合类型，可以简化复杂类型的定义。

示例：

// 类型别名和联合类型
type Status = "success" | "error" | "warning";

function getStatus(): Status {
  return "success";
}

六、编译配置

TypeScript 可以通过 tsconfig.json 文件进行编译配置，包括指定输出目录、启用严格模式、定义编译选项等。

示例：

// tsconfig.json
{
  "compilerOptions": {
    "outDir": "dist",
    "strict": true
  }
}

总结：

TypeScript 是一个功能强大的编程语言，通过静态类型检查、代码提示和补全等特性，可以提高代码质量和开发效率。它支持基本类型、接口、类、泛型、类型别名和联合类型等高级特性，为开发者提供了更多的工具来构建可靠、可维护的应用程序。通过不断学习和实践 TypeScript，我们可以更好地理解和应用这门语言，从而写出更加优雅和高效的代码。

深入浅出 Typescript ｜ 青训营