TypeScript 小结

在TypeScript中，我们可以为JavaScript添加静态类型检查，以提高代码的可维护性和可预测性。以下是一些TypeScript的关键概念和语法：

1. 类型注解：为变量指定类型。

let count: number = 10;

2. 接口：定义复杂类型。

interface Person {
  name: string;
  age: number;
}
 
let tom: Person = { name: "Tom", age: 25 };

3. 类：定义对象的类型。

class Person {
  name: string;
  age: number;
 
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}
 
let tom: Person = new Person("Tom", 25);

4. 泛型：允许定义可复用的组件，该组件可以支持多种类型。

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

5. 类型别名：为类型定义别名。

type Person = {
  name: string;
  age: number;
};
 
let tom: Person = { name: "Tom", age: 25 };

6. 类型断言：告诉编译器你比它更了解代码。

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

7. 异步函数：处理异步代码。

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

8. 装饰器：用于修改类的行为。

function logClass(target) {
  target.isLogged = true;
}
 
@logClass
class MyClass {}
 
console.log(MyClass.isLogged); // 输出：true

以上是TypeScript的一些基本概念和语法，实际项目中可能还会涉及更多高级特性，如装饰器、泛型、元组、枚举等。