typescript nodejs 依賴注入實現(xiàn)方法代碼詳解

2019-11-19 11:09:32

字體：大中小

供稿：網(wǎng)友

依賴注入通常也是我們所說的ioc模式，今天分享的是用typescript語言實現(xiàn)的ioc模式，這邊用到的主要組件是 reflect-metadata 這個組件可以獲取或者設(shè)置元數(shù)據(jù)信息，它的作用是拿到原數(shù)據(jù)后進行對象創(chuàng)建類似C#中的反射，先看第一段代碼：

import "reflect-metadata";/** * 對象管理器 */const _partialContainer = new Map<string, any>();const PARAMTYPES = "design:paramtypes";//需要反射的原數(shù)據(jù)，有很多種選擇，我們這里選擇的是拿到構(gòu)造函數(shù)的參數(shù)類型，為了后續(xù)判斷/** * 局部注入器，注入的是全局服務(wù)，實例是全局共享 */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);//加入到對象管理器中，這個時候?qū)ο筮€沒有被創(chuàng)建  }}

　上面的代碼是創(chuàng)建一個類級別的裝飾器，表示凡是使用了這個裝飾器的類都會被依賴注入對象管理器管理，這里沒有馬上創(chuàng)建服務(wù)，原因是reflect-metadata的執(zhí)行有先機是最高的，而這個依賴注入是支持手動注入一些實例對象，所有為了防止出現(xiàn)注入?yún)?shù)為undefined所以創(chuàng)建實例的工作是放在后面的，請看接下來的代碼：

/** * * @param type 已創(chuàng)建的實例對象 */export function addServiceInGlobal(...types: Array<Object>) {  for (const iterator of types) {    _partialContainer.set(iterator.constructor.name, iterator);  }}

　上面的方法是手動注入實例對象時調(diào)用的，我們需要提高這個方法的執(zhí)行優(yōu)先級，具體的實例會在后面演示，接下來是最重要部分，創(chuàng)建實例部分：

export function serviceProvider<T>(service: ServiceType<T>): T {  if (_partialContainer.has(service.name) && !_partialContainer.get(service.name).name)    return _partialContainer.get(service.name);// 如果實例已經(jīng)被創(chuàng)建就直接返回   const params: Array<any> = Reflect.getMetadata(PARAMTYPES, service);// 反射拿到構(gòu)造函數(shù)的參數(shù)類型  const constrparams = params.map(item => { // 實例化參數(shù)中的依賴    if (!_partialContainer.has(item.name)) throw new Error(`${item}沒有被注入`);// 如果沒有注入就拋出異常    if (item.length)// 表示這個類型還有其它依賴      return serviceProvider(item);// 遞歸繼續(xù)獲取其他依賴    if (_partialContainer.has(item.name) && !_partialContainer.get(item.name).name)      return _partialContainer.get(item.name);// 如果實例已經(jīng)被創(chuàng)建就直接返回    const obj = new item();// 已經(jīng)沒有其他依賴了 開始創(chuàng)建實例    _partialContainer.set(item.name, obj);// 替換對象管理器中原來沒有實例化的對象    return obj;  });  const obj = new service(...constrparams); // 這里表示對象沒有被創(chuàng)建，開始創(chuàng)建對象  _partialContainer.set(service.name, obj);// 替換對象管理器中原來沒有實例化的對象  return obj;}

　上面代碼寫的稍微有一點點復雜，其他理解起來也不困難，大白話講就是如果已經(jīng)實例化了直接返回實例不然就開始對象以及創(chuàng)建出所有的依賴。接下來是例子：

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 "調(diào)用了我";  }}@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模塊設(shè)置的共享數(shù)據(jù)"    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哥','碼農(nóng)之家的一群人'];addServiceInGlobal(obj, str); // 添加手動創(chuàng)建的實例對象到對象管理器const service = serviceProvider(Init); // 開始創(chuàng)建實例service.start()// 執(zhí)行

上面的實例中得到一下執(zhí)行結(jié)果：