【TypeScript】TS全解

TypeScript（TS）是JavaScript的一个超集，并且添加了一些静态类型的特性，使得它可以在代码编译阶段就发现一些类型错误。

以下是TypeScript的一些关键概念和基本用法的示例代码：

1. 安装TypeScript:

npm install -g typescript

2. 编译TypeScript文件:

tsc filename.ts

3. 基本类型：

let isDone: boolean = false;
let count: number = 10;
let name: string = "Hello, World";
let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];

4. 函数：

function add(x: number, y: number): number {
    return x + y;
}
 
let add = (x: number, y: number): number => {
    return x + y;
}

5. 类：

class Person {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
    greet() {
        return 'Hello, ' + this.name;
    }
}
 
let person = new Person('World');
console.log(person.greet());

6. 接口：

interface Person {
    name: string;
    age: number;
}
 
let person: Person = {
    name: 'Alice',
    age: 25
};

7. 类型别名：

type Person = {
    name: string;
    age: number;
};
 
let person: Person = {
    name: 'Alice',
    age: 25
};

8. 泛型：

function identity<T>(arg: T): T {
    return arg;
}
 
let output = identity<string>('Hello, World');

9. 异步函数：

async function fetchData(): Promise<string> {
    let response = await fetch('https://api.example.com/data');
    return await response.text();
}

10. 修饰符：

class MyClass {
    private myField: string = 'Hello, World';
    constructor(value: string) {
        this.myField = value;
    }
    getMyField(): string {
        return this.myField;
    }
}
 
let myClass = new MyClass('Hello, TypeScript');
console.log(myClass.getMyField());

这些代码片段展示了TypeScript的基本特性和用法，涵盖了基本数据类型、函数、类、接口、类型别名、泛型、异步编程和修饰符等方面。