TypeScript 学习笔记

TypeScript 是一种由 Microsoft 开发的自由和开源的编程语言。它是 JavaScript 的一个超集，扩展了 JavaScript 的语法，添加了类型系统和对 ES6+ 的支持。以下是一些 TypeScript 学习笔记：

1. 安装 TypeScript：可以通过 npm 安装 TypeScript。在命令行中输入以下命令：npm install -g typescript

2. 编写 TypeScript 代码：可以使用任何文本编辑器编写 TypeScript 代码，并将其保存为 .ts 文件。例如，创建一个名为 hello.ts 的文件，并在其中输入以下代码：

function hello(name: string): string {
    return "Hello, " + name;
}

console.log(hello("World"));

3. 编译 TypeScript 代码：使用 tsc 命令编译 TypeScript 代码。在命令行中输入以下命令：tsc hello.ts。这将生成一个名为 hello.js 的 JavaScript 文件。

4. 类型注解：TypeScript 允许你为变量、函数参数和返回值添加类型注解。例如，可以将 name 参数的类型注解为 string。

5. 类型推断：TypeScript 可以根据上下文推断类型。例如，如果你将一个字符串赋值给一个变量，那么该变量的类型将被推断为 string。

6. 接口：TypeScript 允许你定义接口来描述对象的结构。例如，可以定义一个 Person 接口，包含 name 和 age 属性。

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

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

7. 类：TypeScript 支持使用 class 关键字定义类。例如，可以定义一个 Person 类，包含 name 和 age 属性以及一个 greet 方法。

class Person {
    name: string;
    age: number;

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

    greet(): void {
        console.log("Hello, my name is " + this.name);
    }
}

let person = new Person("John", 30);
person.greet();

    

8. 枚举：TypeScript 允许你定义枚举类型。例如，可以定义一个 Color 枚举，包含 RED、GREEN 和 BLUE 值。

enum Color {
    RED,
    GREEN,
    BLUE
}

let favoriteColor: Color = Color.BLUE;

9. 泛型：TypeScript 支持泛型，允许你定义可重用的组件。例如，可以定义一个 Identity 函数，接受一个类型参数 T 和一个值参数 value，并返回与 value 相同类型的值。

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

let output = identity<string>("myString"); // type of output will be 'string'

以上是一些 TypeScript 学习笔记，希望对你有所帮助。