使用Typescript实现依赖注入(DI)
前言
DI总是和ico相辅相成的,如果想对DI有更多的了解,可以移步我的另一篇文章 依赖注入(DI)和控制反转(IOC),再次我就不多做赘述了。
前几天看见一道面试题,今天借这个话题想跟大家分享一下:
为什么在实际开发中,我们总是用DI,而不是用工厂模式,工厂模式也能实现同样的效果
emmmm,想了一下,DI相当于是一种把当前对象和它所依赖的对象强解耦了,注入对象并不需要我们操心,而是把它委托给第三方,这个第三方可以是一些库或者框架,也可以是我们自己实现的ioc容器。而工厂模式,它是可以把我们需要的对象放进去,然后产生出我们最终需要的实例,但是创建这部分过程实际上还是由我们来做了。
Typescript依赖注入
javascript的动态类型,有时候会给我们带来很多的麻烦,实际上如果js能够在编译期就识别类型,那么性能会大大提升,比如webassembly。
typescript不一样,它是js的超集,它始终会先用tsc编译一遍,再转换为js运行,它始终是js,但是ts在编译期就检查类型,是可以让我们避免很多的错误的。如果想了解更多typescript请移步ts官网
typescript被很多框架所采用,比如angular,并且以它实现了依赖注入,我们在angular中,将一个类注册进ioc容器,只需给它附加一个injectable装饰器即可,比如:
@Injectable()
class User{
//...
}
1
2
3
4
在angular中,我们把用injectable装饰器修饰的类叫做service,我们可以在任何我们需要User类的时候,注入进来,比如:
class Main{
constructor(priavte user:User){
}
}
1
2
3
4
5
只需在构造函数的参数上写上对user的依赖,那么ioc容器就会帮助我们把user注入进来。
实现一个精简的DI
其实DI的具体实现并不是很复杂,现在我们来实现一个精简版的DI。
核心思想:根据类所声明的依赖,判断该依赖是否处于ioc容器中,如果处于,将它注入,并返回该类的实例,如果不属于,抛出一个异常,通知必须将依赖进行注册。
大致分为两部分:
1.注册
2.创建实例
先看看如何使用,再说具体实现
假如现在有A,B,C三个类
@Injectable()
class C{
constructor(){}
}
@Injectable()
class B{
constructor(private c:C){
}
}
@Injectable()
class A{
constructor(priavte b:B){}
}
//产生实例
let a:A = classFactory(A);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
在A中声明对B的依赖,在B中声明对C的依赖。
每个类都用injectable装饰器进行装饰,实际上是把它们放进了ioc容器。
通过classFactory返回A的实例,此时b已经被注入进来了,同时c也已经注入进b,classFactory完成注入的动作。
下面看一下具体实现:
目录树
src
|-- index.ts
|-- ioc.ts
1
2
3
ioc.ts
//ioc容器
let classPool:Array<Function> = [];
//注册该类进入容器
export function Injectable(){
return (_constructor:Function) => {
let paramTypes:Array<Function> = Reflect.getMetadata('design:paramtypes',_constructor)
//已注册
if(classPool.indexOf(_constructor) != -1) return;
for(let val of paramTypes){
if(val === _constructor) throw new Error('不能依赖自己')
else if(classPool.indexOf(val) == -1) throw new Error(`${val}没有被注册`)
}
//注册
classPool.push(_constructor);
}
}
//实例化工厂
export function classFactory<T>(_constructor:{new(...args:Array<any>):T}):T{
let paramTypes:Array<Function> = Reflect.getMetadata('design:paramtypes',_constructor)
//参数实例化
let paramInstance = paramTypes.map((val:Function) => {
//依赖的类必须全部进行注册
if(classPool.indexOf(val) == -1) throw new Error(`${val}没有被注册`)
//参数还有依赖
else if(val.length){
return classFactory(val as any);
}
//没有依赖直接创建实例
else{
return new (val as any)();
}
})
return new _constructor(...paramInstance);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
index.ts
@Injectable()
class C{
constructor(){}
}
@Injectable()
class B{
constructor(private c:C){
}
}
@Injectable()
class A{
constructor(priavte b:B){}
}
//产生实例
let a:A = classFactory(A);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
为了验证DI的有效性,可以为C声明一个实例方法,比如
@Injectable()
class C{
constructor(){}
sayHello(){
console.log("hello")
}
}
@Injectable()
class B{
constructor(private c:C){
}
sayHello(){
this.c.sayHello();
}
}
@Injectable()
class A{
constructor(priavte b:B){
b.sayHello();
}
}
//产生实例
let a:A = classFactory(A);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
运行后
hello
1
参考:https://zhuanlan.zhihu.com/p/22962797
---------------------
作者:小辣抓
来源:CSDN
原文:https://blog.csdn.net/HaoDaWang/article/details/79776021
版权声明:本文为博主原创文章,转载请附上博文链接!
使用Typescript实现依赖注入(DI)的更多相关文章
- [Android]使用Dagger 2依赖注入 - DI介绍(翻译)
以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/5092083.html 使用Dagger 2依赖注入 - DI介 ...
- 浅析“依赖注入(DI)/控制反转(IOC)”的实现思路
开始学习Spring的时候,对依赖注入(DI)——也叫控制反转(IOC)—— 的理解不是很深刻.随着学习的深入,也逐渐有了自己的认识,在此记录,也希望能帮助其他入门同学更深入地理解Spring.本文不 ...
- 依赖注入(DI)和Ninject,Ninject
我们所需要的是,在一个类内部,不通过创建对象的实例而能够获得某个实现了公开接口的对象的引用.这种“需要”,就称为DI(依赖注入,Dependency Injection),和所谓的IoC(控制反转,I ...
- 控制反转IOC与依赖注入DI
理解 IOC http://www.cnblogs.com/zhangchenliang/archive/2013/01/08/2850970.html IOC 相关实例 的http:// ...
- Atitit js中的依赖注入di ioc的实现
Atitit js中的依赖注入di ioc的实现 全类名(FQCN)为标识符1 混合请求模式1 使用类内 builder 即可..2 Service locator method走ok拦2 Jav ...
- 控制反转(Ioc)和依赖注入(DI)
控制反转IOC, 全称 “Inversion of Control”.依赖注入DI, 全称 “Dependency Injection”. 面向的问题:软件开发中,为了降低模块间.类间的耦合度,提倡基 ...
- 控制反转IOC与依赖注入DI【转】
转自:http://my.oschina.net/1pei/blog/492601 一直对控制反转.依赖注入不太明白,看到这篇文章感觉有点懂了,介绍的很详细. 1. IoC理论的背景我们都知道,在采用 ...
- 依赖注入(DI)和控制反转(IOC)
依赖注入(DI)和控制反转(IOC) 0X1 什么是依赖注入 依赖注入(Dependency Injection),是这样一个过程:某客户类只依赖于服务类的一个接口,而不依赖于具体服务类,所以客户类只 ...
- MVC进阶之路:依赖注入(Di)和Ninject
MVC进阶之路:依赖注入(Di)和Ninject 0X1 什么是依赖注入 依赖注入(Dependency Injection),是这样一个过程:某客户类只依赖于服务类的一个接口,而不依赖于具体服务类, ...
- 依赖注入(DI)和Ninject
[ASP.NET MVC 小牛之路]04 - 依赖注入(DI)和Ninject 本文目录: 1.为什么需要依赖注入 2.什么是依赖注入 3.使用NuGet安装库 4.使用Ninject的一般步骤 5. ...
随机推荐
- oracle入坑日记<四>表空间
1 表空间是什么 1.1.数据表看做的货品,表空间就是存放货品的仓库.SQLserver 用户可以把表空间看做 SQLserver 中的数据库. 1.2.引用[日记二]的总结来解释表空间. 一个数 ...
- Unable to docker login through CLI - unauthorized: incorrect username or password
Unable to docker login through CLI - unauthorized: incorrect username or password To solve it proper ...
- 字母导航跳转react核心代码
componentDidMount() { this.move(); } skipToDep(e) { let dom = document.getElementById(e); // 获取要跳至的字 ...
- python3集合练习(set)
#集合是由不同元素组成;无序;集合中的元素必须是不可变类型;#s = {} 或者 s = set() 创建集合#update()扩展集合.返回值为Noneg1 = {'wcj','good','luc ...
- eclipse/idea远程调试Linux程序
第一步.在Tomcat的bin目录下的startup.sh文件的倒数第二行增加“JPDA_ADDRESS=8787”,最后一行在start的前边增加“jpda”,之后重启Tomcat 第二步.配置Ec ...
- 【396】python 递归练习题(COMP9021)
Merging two strings into a third one Say that two strings s1 and s2 can be merged into a third strin ...
- Python 学习笔记02篇
之前很庆幸早点报名课程 可以早点看到视频讲解,不至于后期太赶 不得不说原本21天压缩到14天再压缩到7天,如果可以完整且独立地完成至少三个作业,那水平应该真的很不错吧
- linux tcpdump抓包
tcpdump 默认抓取第一个网卡的所有数据包 tcpdump -i eth0 指定网卡 tcpdump host 10.10.10.10 指定主机名或ip地址 tcpdump host 10.10. ...
- spring框架校验自定义注解
起因: 项目开发时遇到一个问题是对于金额类型的字段,数据库中格式一般为BigDecimal类型,两位小数点,然后在接口定义中如果不定义成String类型的话,就不能使用@pattern注解限定格式,而 ...
- Django中的auth模块
from django.contrib import auth authenticate() 提供了用户认证功能,即验证用户名以及密码是否正确,一般需要username .password两个关键字参 ...