typescript nodejs 依赖注入实现方法代码详解


Posted in NodeJs onJuly 21, 2019

依赖注入通常也是我们所说的ioc模式,今天分享的是用typescript语言实现的ioc模式,这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息,它的作用是拿到原数据后进行对象创建类似C#中的反射,先看第一段代码:

import "reflect-metadata";
/**
 * 对象管理器
 */
const _partialContainer = new Map<string, any>();
const PARAMTYPES = "design:paramtypes";//需要反射的原数据,有很多种选择,我们这里选择的是拿到构造函数的参数类型,为了后续判断
/**
 * 局部注入器,注入的是全局服务,实例是全局共享
 */
export function Inject(): ClassDecorator {
  return target => {
    const params: Array<any> = Reflect.getMetadata(PARAMTYPES, target);
    if (params)
      for (const item of params) {
        if (item === target) throw new Error("不能注入自己");
      }
    _partialContainer.set(target.name, target);//加入到对象管理器中,这个时候对象还没有被创建
  }
}

   上面的代码是创建一个类级别的装饰器,表示凡是使用了这个装饰器的类都会被依赖注入对象管理器管理,这里没有马上创建服务,原因是reflect-metadata的执行有先机是最高的,而这个依赖注入是支持手动注入一些实例对象,所有为了防止出现注入参数为undefined所以创建实例的工作是放在后面的,请看接下来的代码:

/**
 *
 * @param type 已创建的实例对象
 */
export function addServiceInGlobal(...types: Array<Object>) {
  for (const iterator of types) {
    _partialContainer.set(iterator.constructor.name, iterator);
  }
}

 上面的方法是手动注入实例对象时调用的,我们需要提高这个方法的执行优先级,具体的实例会在后面演示,接下来是最重要部分,创建实例部分:

export function serviceProvider<T>(service: ServiceType<T>): T {
  if (_partialContainer.has(service.name) && !_partialContainer.get(service.name).name)
    return _partialContainer.get(service.name);// 如果实例已经被创建就直接返回
 
  const params: Array<any> = Reflect.getMetadata(PARAMTYPES, service);// 反射拿到构造函数的参数类型
  const constrparams = params.map(item => { // 实例化参数中的依赖
    if (!_partialContainer.has(item.name)) throw new Error(`${item}没有被注入`);// 如果没有注入就抛出异常
    if (item.length)// 表示这个类型还有其它依赖
      return serviceProvider(item);// 递归继续获取其他依赖
    if (_partialContainer.has(item.name) && !_partialContainer.get(item.name).name)
      return _partialContainer.get(item.name);// 如果实例已经被创建就直接返回
    const obj = new item();// 已经没有其他依赖了 开始创建实例
    _partialContainer.set(item.name, obj);// 替换对象管理器中原来没有实例化的对象
    return obj;
  });
  const obj = new service(...constrparams); // 这里表示对象没有被创建,开始创建对象
  _partialContainer.set(service.name, obj);// 替换对象管理器中原来没有实例化的对象
  return obj;
}

 上面代码写的稍微有一点点复杂,其他理解起来也不困难,大白话讲就是 如果已经实例化了直接返回实例不然就开始对象以及创建出所有的依赖。接下来是例子:

import { serviceProvider, addServiceInGlobal, Inject } from './core/injectable/injector';
import "reflect-metadata";
import moment = require('moment');
@Inject()
export class ServiceA{
  property?:string;
  msg(){
    return "ServiceA";
  }
}
@Inject()
export class ServiceC {
  constructor(private service: ServiceA) { }
  print() {
   console.log( this.service.property);
    return "调用了我";
  }
}
@Inject()
export class ServiceD{
  print(){
   console.log("我在测试注入");
  }
}
@Inject()
export class GlobalService {
  constructor(private service: ServiceC) { }
  msg!: string;
  print() {
    console.log(`共享模块${this.service.print()}`)
  }
}
@Inject()
export class Init {
  constructor(private service: ServiceA,
    private serviceD: ServiceD,
    private global: GlobalService,
    private date: Date,
    private strList: string[],
    private serviceC: ServiceC,
  ) { }
  start() {
    console.log(this.service.msg());
    this.service.property = "A模块设置的共享数据"
    console.log(moment(this.date).format("YYYY-MM-DD"))
    console.log(this.strList);
    this.serviceD.print();
    this.serviceC.print();
    this.global.print();
  }
}
 
const obj = new Date("2017-1-1");
const str = ['吕顺彬','菜鸟','豆豆','大铁','CC哥','码农之家的一群人'];
addServiceInGlobal(obj, str); // 添加手动创建的实例对象到对象管理器
const service = serviceProvider(Init); // 开始创建实例
service.start()// 执行

上面的实例中得到一下执行结果:

typescript nodejs 依赖注入实现方法代码详解

总结:上面我用的是默认全局注入,没有做singletion (单例) ,如果要做的话稍微修改下代码就可以实现,这里边的难点可能是基于反射的设计方法,如果前端思维可能理解起来稍微困难点,后台的话稍微好点。

总结

以上所述是小编给大家介绍的typescript nodejs 依赖注入实现方法代码详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

NodeJs 相关文章推荐
NodeJS的模块写法入门(实例代码)
Mar 07 NodeJs
基于NodeJS的前后端分离的思考与实践(二)模版探索
Sep 26 NodeJs
Nodejs学习笔记之Stream模块
Jan 13 NodeJs
Nodejs全局安装和本地安装的不同之处
Jul 04 NodeJs
使用 NodeJS+Express 开发服务端的简单介绍
Apr 07 NodeJs
Express+Nodejs 下的登录拦截实现代码
Jul 01 NodeJs
深入解析nodejs HTTP服务
Jul 25 NodeJs
Nodejs模块载入运行原理
Feb 23 NodeJs
nodejs更改项目端口号的方法
May 13 NodeJs
nodejs读取本地中文json文件出现乱码解决方法
Oct 10 NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 NodeJs
nodejs制作小爬虫功能示例
Feb 24 NodeJs
nodejs 递归拷贝、读取目录下所有文件和目录
Jul 18 #NodeJs
nodejs二进制与Buffer的介绍与使用
Jul 11 #NodeJs
nodejs中各种加密算法的实现详解
Jul 11 #NodeJs
监控Nodejs的性能实例代码
Jul 02 #NodeJs
搭建一个nodejs脚手架的方法步骤
Jun 28 #NodeJs
独立部署小程序基于nodejs的服务器过程详解
Jun 24 #NodeJs
nodejs实现获取本地文件夹下图片信息功能示例
Jun 22 #NodeJs
You might like
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
如何使用PHP往windows中添加用户
2006/12/06 PHP
PHP GD库生成图像的几个函数总结
2014/11/19 PHP
php中ob_flush函数和flush函数用法分析
2015/03/18 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
分享XmlHttpRequest调用Webservice的一点心得
2012/07/20 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
JavaScript入门基础
2015/08/12 Javascript
Nodejs学习item【入门手上】
2016/05/05 NodeJs
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
通过javascript进行UTF-8编码的实现方法
2016/06/27 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
2017/01/05 Javascript
nodejs根据ip数组在百度地图中进行定位
2017/03/06 NodeJs
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
详解python statistics模块及函数用法
2019/10/27 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
运动会广播稿20字
2014/02/18 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
导游个人求职信范文
2014/03/23 职场文书
安全保证书
2015/01/16 职场文书
教师师德表现自我评价
2015/03/05 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书