Typescript 进阶知识，你在项目中可能用不到

2023-11-28 10:25:19

前言

Typescript 作为 JavaScript 的超集，在大型复杂项目的开发中受到了广泛的欢迎。除了它的基础知识外，Typescript 还提供了一系列进阶特性，可以显著提高代码的可读性、可维护性和可扩展性。

进阶特性

1. 泛型

泛型允许你创建可重用的组件，而无需指定具体的类型。这对于创建通用函数、类和接口非常有用。例如：

function logValue<T>(value: T): void {
  console.log(value);
}

logValue("Hello"); // 输出 "Hello"
logValue(123); // 输出 123

2. 接口

接口定义了对象或类的形状。它们可以用来检查对象是否具有特定的属性和方法。例如：

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

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

3. 装饰器

装饰器允许你在不修改类本身的情况下修改类的行为。它们经常用于添加元数据、日志记录或验证。例如：

function logClass(target: Function) {
  console.log(`Class ${target.name} has been created!`);
}

@logClass
class MyClass {}

4. 混合类型

混合类型允许你组合多个类型来创建新的类型。这可以让你定义具有特定功能的对象或接口。例如：

type Employee = Person & {
  jobTitle: string;
};

const employee: Employee = {
  name: "John Doe",
  age: 30,
  jobTitle: "Software Engineer",
};

5. 类

Typescript 中的类提供了面向对象编程的支持。它们允许你创建具有属性、方法和访问控制的对象。例如：

class User {
  private name: string;

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

  getName(): string {
    return this.name;
  }
}

6. 继承

继承允许你从现有的类创建新类，从而重用代码和功能。例如：

class Admin extends User {
  constructor(name: string) {
    super(name);
  }

  hasPermission(permission: string): boolean {
    return true;
  }
}

7. 访问控制

访问控制允许你控制类成员对外部代码的可见性。Typescript 提供了三个访问控制修饰符：public、protected 和 private。例如：

class Account {
  public balance: number; // 可从任何地方访问

  protected withdraw(amount: number) {} // 可从该类及其子类访问

  private deposit(amount: number) {} // 只可从该类内部访问
}

8. 命名空间

命名空间允许你组织和分组相关的类、接口和函数。这有助于防止名称冲突并提高代码的可读性。例如：

namespace MyNamespace {
  export class MyClass {}
  export interface MyInterface {}
}

9. 模块

模块允许你将代码组织成独立的文件。这可以提高可维护性并使大型项目更容易管理。例如：

// module.ts
export function greet(name: string): string {
  return `Hello, ${name}!`;
}

// main.ts
import { greet } from "./module";
const message = greet("John");