**AngularJs学习笔记3**

eg13.依赖注入

故事要从js说起，在js的function(){}中，参数可以传递为另外一个函数。举个例子：

function first(){
    return 3
}
//参数函数1
function second(){
    return 5 
}
//参数函数2

function add(a,b){
    var a_  = a();
    var b_= b();
    alert(a_+b_)
}
//总函数

add(first,second);//调用总函数，其参数为first和second的返回值，弹出 8

不光如此，在回调函数中，大致也是这样的思路：

function callback(result){
    console.log("您的计算结果为:"+result)
}
function fn(num,callback){
    num = num*num
    callback(num);
}
fn(10,callback);//控制台：您的计算结果为100

*简短回忆后，发现javaScript函数的特点，函数定义时的参数个数是定死的，但是如果传入的参数不达标/超出/太少，那么函数体就会报错。
例如上面的add(first,second)只传入add(first)就会报错：b is not a function*
普通函数的参数往往是由调用它的人时候来决定的
回到angular中，依赖注入与javaScript函数正好相反，函数体一旦定义了参数，调用它的人就得老老实实的传入指定数量/类型的参数。
for eg1:

    <script type="text/javascript">
        var app = angular.module('app',[]);
        app.controller('c',function(){
            alert(arguments.length);//这里打印出0，因为没参数，这个OK，接着往下看
        });
    </script>

    <script type="text/javascript">
        var app = angular.module('app',[]);
        app.controller('c',function(s,b){
            alert(arguments.length);
        });
    </script>
这里我们发现，虽然传入了s,b两个参数，但是压根连弹窗都没有，只能说明，传入的参数不合法，函数不认。

    for eg3:
    <script type="text/javascript">
        var app = angular.module('app',[]);
        app.controller('c',function(){
            alert(arguments.length);
        });
    </script>

“`