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在调用我们传入的函数的时候就按部就班地按照匹配到的形参,按照类别顺序依次个传入,完事~~

转载于:https://www.cnblogs.com/amiezhang/p/8284575.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值