技术解密：TypeScript 装饰器与依赖注入，如虎添翼！

2024-02-15 22:31:54

TypeScript 装饰器简介

装饰器是一种语法糖，它允许你在 TypeScript 中自定义类的行为。装饰器可以通过在类声明之前使用 @ 符号来定义。例如，以下代码定义了一个装饰器，它会在类被实例化时打印一个消息：

function logClass(target: Function) {
  console.log(`类 ${target.name} 被实例化了！`);
}

@logClass
class MyClass {
  constructor() {
    console.log('MyClass 实例被创建了！');
  }
}

const myClassInstance = new MyClass();

当这段代码被执行时，会在控制台中打印以下消息：

类 MyClass 被实例化了！
MyClass 实例被创建了！

装饰器可以用来实现各种各样的功能，例如：

记录类的行为
验证类的属性
为类添加新方法或属性
拦截类的构造函数

TypeScript 装饰器的使用注意事项

在使用 TypeScript 装饰器时，需要注意以下几点：

装饰器只能在类声明之前使用。
装饰器可以应用在类、方法、属性和参数上。
装饰器可以有多个参数。
装饰器可以返回一个值。

TypeScript 装饰器实现依赖注入

依赖注入是一种设计模式，它可以让你的代码更具可读性、可维护性和可复用性。依赖注入的基本思想是，将类的依赖关系从类本身中剥离出来，交由外部来管理。

在 TypeScript 中，可以使用装饰器来实现依赖注入。例如，以下代码定义了一个装饰器，它可以将一个类标记为依赖注入容器：

function Injectable() {
  return function (target: Function) {
    target.prototype.__injectable__ = true;
  };
}

@Injectable()
class MyClass {
  constructor() {
    console.log('MyClass 实例被创建了！');
  }
}

接下来，我们可以定义一个依赖注入容器：

class DIContainer {
  private dependencies = new Map<Function, any>();

  register(dependency: Function, instance: any) {
    this.dependencies.set(dependency, instance);
  }

  get(dependency: Function) {
    return this.dependencies.get(dependency);
  }
}

最后，我们可以使用依赖注入容器来实例化类：

const container = new DIContainer();
container.register(MyClass, new MyClass());

const myClassInstance = container.get(MyClass);

console.log(myClassInstance);

当这段代码被执行时，会在控制台中打印以下消息：