Angular的依赖注入(依赖反转)原理说明

依赖注入(依赖反转)意思是由函数决定要引入什么样的依赖:

let mod = angular.module('test',[]);
mod.controller('test_c',function($scope,$interval){
//这里就引入两个依赖$scope和$interval
}) //神奇的是我所引入的依赖不受顺序、个数影响
//下面运用这些依赖的时候仍然杠杠的
mod.controller('test_c2',function($interval,$http,$scope){ })

这里就不得不佩服Angular作者的想法了,正常来说在js里面,我们可怜的函数只能被动地接受参数,甚至不知道自己能得到多少参数,什么类型的参数,这也是js天然的“烂语法”导致,我们聪明的作者就用一种挺简单的方法实现了依赖反转,由我们的函数来决定要什么依赖。

核心原理就是利用function的toString方法:

(function myFunction($scope,$interval){}).toString();//"function myFunction($scope,$interval){}"

这里明显可以用各种正则来匹配到我们形式参数了,匹配完之后controller在调用我们传入的函数的时候就按部就班地按照匹配到的形参,按照类别顺序依次个传入,完事~~

上一篇:用原生js简单模仿angular的依赖注入


下一篇:Angular 4 依赖注入