es7 依赖注入(Dependency Injection, DI)

ES7中的依赖注入是一种技术，用于解决模块之间的耦合性问题。它允许我们将模块之间的依赖关系抽象化，从而使它们更容易重构，测试和更新。它也可以帮助我们更好地管理应用程序的可复用模块，以提高代码的可维护性。

 

proxy 依赖注入

ES7中的依赖注入可以通过使用 JavaScript 的 Proxy 和 Reflect 对象来实现。通过使用 Proxy 对象，我们可以实现一个“装饰者”，它可以在我们调用某个模块时自动注入依赖关系。通过使用 Reflect 对象，我们可以实现一个“检查者”，它可以在我们调用某个模块时检查所需的依赖关系是否已经注入。

simple-demo

// 创建需要注入的依赖
const Logger = require('./logger');

// 创建注入器
const injector = (function() {
  const dependencies = {};
 
  return new Proxy({}, {
    get: (obj, prop) => {
      if(dependencies[prop]) {
        return dependencies[prop];
      }
 
      throw new Error(`Dependency ${prop} not found`);
    },
    set: (obj, prop, val) => {
      dependencies[prop] = val;
    }
  });
})();

// 使用注入器注入依赖
injector.Logger = Logger;

// 使用注入器调用模块
const Module = (function(injector) {
  // 使用 Reflect 检查所需的依赖是否已注入
  const requiredDependencies = Reflect.ownKeys(injector);
 
  return function() {
    // 使用 Proxy 自动注入依赖
    return new Proxy({}, {
      get: (target, prop) => {
        if(requiredDependencies.includes(prop)) {
          return injector[prop];
        }
 
        return target[prop];
      }
    });
  };
})(injector);

// 使用模块
const module = Module();
module.Logger.log('Hello, World!');

　　

 

装饰器-依赖注入

装饰器是一种元编程技术，能够改变类和函数的行为。它有助于我们将一些重复的代码集中到一个地方，而不是在函数的多个地方进行重复定义。ES7中的装饰器可以用来实现类似于依赖注入的功能。可以创建一个装饰器，该装饰器能够将我们想要注入的依赖传递给所要被装饰的函数/类。

class B {
    // ...
}

class C {
    // ...
}

function Inject(cls) {
    return function(target) {
        target.prototype.dependency = new cls();
    }
}

@Inject(B)
class A {
    // ...
}

const a = new A();
console.log(a.dependency instanceof B)

　　

 

依赖注入 (Dependency Injection, DI) vs 面向对象继承 (Inheritance)

依赖注入：

1. 更加容易地测试代码，因为你可以模拟对象的行为而不用去依赖真实的对象。

2.更好地组织代码，因为你可以建立更多的模块，这些模块中可以有多个不同的实例。

3.可以使用不同的依赖来创建不同的实例，这样就能构建出多样化的应用。

面向对象继承：

1. 可以减少代码重复。当你要重复使用一些类似的功能时，可以使用面向对象继承来创建一个基类，然后使用子类来扩展这些功能。

2. 可以方便地修改代码。当你需要修改一些共同的功能时，只需要修改一个地方就可以了。

3. 可以减少开发时间。当你需要重复使用一些功能时，只需要修改一次就可以实现快速开发。