js应用函数数组实现依赖注入

听起来高大上，其实技术很简单的，就那么回事。

函数数组，就是一个数组咯，元素是函数。遍历这个数组，一个个执行之。

依赖注入，就是这个函数数组是个全局变量，模块可以往它里面插入自己的函数。

什么场景会用呢？

我这里有一个场景，是这样的，容器页里面有好多模块，这些模块各自不同，有各自要处理的东西，但也要有一些方法要放在容器页里统一执行。那么统一执行的这些方法，如果都在容器页里声明，就破坏了模块的封装和独立性。那么最好的办法就是在每个模块里往这个函数数组添加自己的函数。

<script>
var hyyj_tj_funs = [];//待执行函数集，由各片段注入
</script>

。。。

<script th:inline="javascript">
(function(){
let path = /*[[@{/data/onemap/city.json}]]*/'/data/onemap/city.json';
$.get(path, function (citys) {
for(let i in hyyj_tj_funs){//执行各片段注入的函数
let f = hyyj_tj_funs[i];
f(citys);
}
});
})();
</script>

每个模块

<script>
hyyj_tj_funs.push(function(citys){
...
});
</script>