面试题：TypeScript装饰器如何实现依赖注入的应用场景

利用TypeScript装饰器实现依赖注入

定义装饰器

首先，我们需要定义一个装饰器函数来标记需要注入依赖的类属性。

function Injectable() {
  return function (target: any, propertyKey: string) {
    let value;
    const getter = function () {
      return value;
    };
    const setter = function (newValue) {
      value = newValue;
    };
    if (delete target[propertyKey]) {
      Object.defineProperty(target, propertyKey, {
        get: getter,
        set: setter,
        enumerable: true,
        configurable: true
      });
    }
  };
}

创建依赖容器

依赖容器用于存储和管理依赖对象。

class DependencyContainer {
  private dependencies: Map<string, any> = new Map();
  public register(key: string, instance: any) {
    this.dependencies.set(key, instance);
  }
  public resolve(key: string): any {
    return this.dependencies.get(key);
  }
}

应用装饰器并注入依赖

假设我们有两个类，Service类作为依赖，Component类需要注入Service。

class Service {
  public doSomething() {
    console.log('Service is doing something');
  }
}
class Component {
  @Injectable()
  private service: Service;
  constructor(private container: DependencyContainer) {
    const serviceInstance = this.container.resolve('Service');
    if (serviceInstance) {
      this.service = serviceInstance;
    }
  }
  public useService() {
    if (this.service) {
      this.service.doSomething();
    }
  }
}
// 使用
const container = new DependencyContainer();
container.register('Service', new Service());
const component = new Component(container);
component.useService();

在大型项目中相较于传统依赖注入方式的优势

代码简洁性
- 传统依赖注入方式通常需要在构造函数中显式声明依赖，代码较为冗长。而使用装饰器，依赖关系可以直接在属性上标记，使代码结构更清晰，减少构造函数参数列表的复杂度。例如在一个有多个依赖的类中，传统方式构造函数可能有多个参数，而装饰器方式只需在属性上标记，构造函数可能只需要依赖容器参数。
灵活性
- 装饰器可以很方便地在运行时动态修改类的行为。在大型项目中，不同的模块可能需要不同的依赖配置，通过装饰器可以灵活地调整依赖注入逻辑，而不需要修改大量的类构造函数或配置文件。比如在测试环境中，可以通过装饰器注入模拟的依赖，方便进行单元测试。
可维护性
- 依赖关系通过装饰器清晰地体现在代码中，当依赖发生变化时，更容易定位和修改。例如，如果需要更换某个依赖的实现类，只需要在依赖容器中修改注册逻辑，而使用装饰器标记的依赖注入点不需要做太多改动，提高了代码的可维护性。

可能存在的问题

性能问题
- 装饰器本质上是在运行时修改类的定义，这会带来一定的性能开销。在大型项目中，频繁使用装饰器进行依赖注入可能会导致应用启动时间变长，特别是在加载大量类和依赖时。
调试困难
- 由于装饰器的逻辑相对隐蔽，不像传统构造函数注入那样直观，当依赖注入出现问题时，调试难度较大。例如，如果某个依赖没有正确注入，很难直接从装饰器代码中快速定位问题所在，可能需要深入了解装饰器的执行逻辑和依赖容器的工作原理。
兼容性问题
- 虽然TypeScript支持装饰器，但不同的JavaScript运行环境对装饰器的支持程度不同。在一些旧版本的Node.js或浏览器环境中，可能需要额外的转译或垫片来支持装饰器，这在大型项目中涉及多个运行环境时可能会带来兼容性挑战。

面试题：TypeScript装饰器如何实现依赖注入的应用场景

知识考点

面试题答案

利用TypeScript装饰器实现依赖注入

在大型项目中相较于传统依赖注入方式的优势

可能存在的问题