依赖注入框架 InversifyJS-白红宇

背景

面向对象有五大原则：单一职责、开闭原则、里氏替换、接口分离和依赖反转。依赖反转（Dependency Inversion），实体应该依赖于抽象而不是实现。也就是说高层次模块，不应该依赖于低层次模块，而是应该基于抽象。

WebIDE 是函数计算团队研发的一款产品，为了解决函数计算本地环境差异和配置繁琐的问题。WebIDE 前端是 monorepo 风格的项目，即插件化构建 WebIDE 前端。插件之间存在依赖关系。构建、扩展和以及使用一个插件将是一个复杂的问题，而且对使用插件的开发人员不透明。通过使用 inversify 就能很简单的实现。通过 inversify 能很容的实现插件的构建、扩展和使用。

创建。将服务类注入到容器中

替换。通过 rebind api 可以在其他模块中从新绑定某个服务

使用。在类中通过装饰器注入需要使用的服务，服务的具体实现不需要关心，容器为我们管理

需要了解 WebIDE 详情，请移步：

介绍

InversifyJS 是一个轻量级的依赖注入框架，大小只有 4KB，可以用于 Javascript 应用中。

安装

由于 InversifyJS 用到了反射来获取装饰器的相关元数据，所以需要额外安装库 reflect-metadata

npm install inversify reflect-metadata --save

另外，InversifyJS 要求 Typescript >= 2.0 并且需要配置如下编译参数：

{    "compilerOptions": {        "target": "es5",        "lib": ["es6", "dom"],        "types": ["reflect-metadata"],        "module": "commonjs",        "moduleResolution": "node",        "experimentalDecorators": true,        "emitDecoratorMetadata": true    }}

使用

步骤 1：定义接口

// file interfaces.ts// 定义服务对象标识export const Warrior = Symbol.for('Warrior');export const Weapon = Symbol.for('Weapon');export const ThrowableWeapon = Symbol.for('ThrowableWeapon');export interface Warrior {    fight(): string;    sneak(): string;}export interface Weapon {    hit(): string;}export interface ThrowableWeapon {    throw(): string;}

步骤 2：定义依赖

// file entities.tsimport { injectable, inject } from 'inversify';import 'reflect-metadata';import { Weapon, ThrowableWeapon, Warrior } from './interfaces';@injectable()export class Katana implements Weapon {    public hit() {        return "cut!";    }}@injectable()export class Shuriken implements ThrowableWeapon {    public throw() {        return "hit!";    }}@injectable()export class Ninja implements Warrior {    public constructor(        @inject(Weapon) protected katana: Weapon,        @inject(ThrowableWeapon) protected shuriken: ThrowableWeapon    ) {}    public fight() { return this.katana.hit(); }    public sneak() { return this.shuriken.throw(); }}

步骤 3：创建并配置 IOC 容器

// file inversify.config.tsimport { Container } from "inversify";import { Warrior, Weapon, ThrowableWeapon } from "./interfaces";import { Ninja, Katana, Shuriken } from "./entities";const myContainer = new Container();myContainer.bind
    
     (Warrior).to(Ninja);myContainer.bind
     
      (Weapon).to(Katana);myContainer.bind
      
       ThrowableWeapon).to(Shuriken);export { myContainer };

步骤4：依赖解析

import { myContainer } from "./inversify.config";import { Warrior } from "./interfaces";const ninja = myContainer.get
    
     (Warrior);expect(ninja.fight()).eql("cut!"); // trueexpect(ninja.sneak()).eql("hit!"); // true

小结

如果你熟悉 Spring，Spring 很多特性在 Inversify 中可以找到，如果你的项目规模比较大，可以采用 monorepo 多包结构来构建项目。每一个包（模块）包含一个 ContainerModule 容器管理本模块依赖，然后在项目入口对所有的模块容器进行统一加载。