TypeScrippt知识

TypeScript 是 JavaScript 的一个超集，并且添加了一些静态类型的特性。这使得代码的可读性和可维护性得到了提高，并可以在编译时发现一些类型错误。

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

1. 变量声明：

let name: string = 'John';
name = 123; // 错误：不能将类型分配给`string`类型的变量

2. 函数：

function greet(name: string): string {
    return 'Hello, ' + name;
}
 
greet(123); // 错误：参数应为`string`类型

3. 类：

class Person {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
    greet(): string {
        return 'Hello, ' + this.name;
    }
}
 
let person = new Person(123); // 错误：`name`属性应为`string`类型

4. 接口：

interface Person {
    name: string;
    age?: number; // 可选属性
}
 
let person: Person = { name: 'John' };
person = { name: 'John', age: '25' }; // 错误：`age`应为`number`类型

5. 类型别名：

type Person = {
    name: string;
    age?: number;
};
 
let person: Person = { name: 'John' };
person = { name: 'John', age: '25' }; // 错误：`age`应为`number`类型

6. 泛型：

function identity<T>(arg: T): T {
    return arg;
}
 
let result = identity('John'); // `result`类型为`string`
result = identity(123); // 错误：不能将类型分配给`string`类型的变量

7. 导入和导出模块：

// greeter.ts
export function greet(name: string): string {
    return 'Hello, ' + name;
}
 
// main.ts
import { greet } from './greeter';
 
console.log(greet('John'));

8. 异步函数：

async function getGreeting(): Promise<string> {
    return 'Hello, World!';
}
 
getGreeting().then(greeting => console.log(greeting));

以上代码展示了 TypeScript 的基本特性，包括类型声明、类、接口、泛型、模块和异步函数。这些都是提高代码质量和可读性的有效手段。