依赖注入及原生模拟依赖注入的方法

angularJs的两个重要特点，一是 双向数据绑定，二是 模块的依赖注入。之前已经写过一篇介绍双向数据绑定的文章，这里来说说依赖注入。

可能你不太理解何为依赖注入，简单说就是，一个函数，我需要什么样的参数，那么我就放入什么参数，函数的参数由定义决定。区别与我们之前所了解的，由函数的调用决定。

在以往的过程中，我们定义一个函数 function fn(a,b,c,d){console.log(a,b,c,d)};那么这个函数的参数是调用的时候才决定，例如  fn(1,2,3,4);  此时 输出：1,2,3,4。 传什么值才会输出什么值，依赖注入即在函数定义的时候就决定了参数。

那么如何实现； 我们分两步来进行，

定义函数函数  

function  angular(){};

定义参数

$scope = {a:[1,23,4],b:4,c:'aseg',d:{d1:123}}

1  首先我们要知道函数需要什么

将函数转为字符串

var str = angular.toString();

str = str.split('{')[0].match(/\(.*\)/)[0].replace(/\s+/g,' ');     //将函数以 { 分解，取前一部分，然后匹配出小括号里的数据，然后替换空格

str= str.substring(1,str.length-1);   // 截取 小括号里面的数据    

var arr = str.split(',') ;   ///  以逗号隔开，即  获取了所有的参数

2  给函数相应的东西

var  args  = [ ] ;

  for(var i =0 ; i< arr.length; i++){

args[i] = $scope[arr[i]];      // 将实参与 $scope 进行比对，塞入到数组，如果$scope没有，则带入的胃undefined 

} 

argular.apply(null,args);   //  将参数 args 带入到  函数  argular即可