TypeScript--基础讲解

TypeScript（简称 TS）是 JavaScript 的一个超集，它在 JavaScript 的基础上添加了静态类型检查，能让开发者在编码阶段发现类型相关的错误，提高代码的可靠性和可维护性。以下是对 TypeScript 关键内容的讲解：

1. 基本类型

在 TypeScript 里，你可以为变量、函数参数和返回值等指定类型。常见的基本类型有 number、string、boolean、null、undefined 等。

// 数字类型
let num: number = 10;
// 字符串类型
let str: string = "hello";
// 布尔类型
let isDone: boolean = false;

2. 数组类型

TypeScript 提供了两种方式来定义数组类型。

// 方式一：元素类型后面跟上[]
let numbers: number[] = [1, 2, 3];
// 方式二：使用泛型数组类型 Array<元素类型>
let strings: Array<string> = ["a", "b", "c"];

3. 元组类型

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。

let person: [string, number] = ["John", 30];

4. 枚举类型

枚举类型可以为一组数值赋予友好的名字。

enum Color {
    Red,
    Green,
    Blue
}
let c: Color = Color.Green;

5. 函数类型

在 TypeScript 中，你可以为函数的参数和返回值指定类型。

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

6. 接口类型

接口类型用于定义对象的结构。

interface Person {
    name: string;
    age: number;
}

let person: Person = {
    name: "John",
    age: 30
};

7. 类类型

TypeScript 支持类的概念，并且可以使用访问修饰符（如 public、private、protected）。

class Animal {
    constructor(public name: string) {}
    move(distance: number) {
        console.log(`${this.name} moved ${distance}m.`);
    }
}

let cat = new Animal("Cat");
cat.move(10);

8. 泛型

泛型可以让你创建可重用的组件，这些组件可以处理多种类型的数据。

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

let output1 = identity<string>("myString");
let output2 = identity<number>(100);

9. 类型断言

类型断言能够告诉编译器 “相信我，我知道自己在做什么”，它允许你手动指定一个值的类型。

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

10. 空类型（void）

通常用于表示函数没有返回值。

function warnUser(): void {
    console.log("This is a warning message");
}