javascript中的依赖注入

299 阅读1分钟

5.2355618.gif
大萌神镇楼

我是超级无敌杀人王啊啊啊!!!

依赖注入是一种解耦的手段。
理论化的我就不多说了,百度很多能看到的。

简单说下目的:就是我在这个对象中对依赖的数据执行set的时候,另一个对象就能知道依赖已经发生改变了。
画个图很好理解,set之后执行callback: image.png
web前端框架大多都有这种东西的实现; 比如vue有vuex,react有redux。

如果要强调依赖关系,而不是单纯想解耦,其实可以写成这样。

image.png

具体代码如何实现?我使用了javascript的给对象增加get/set访问器的办法。
image.png

测试用例:
image.png

image.png

运行成功