angular源码阅读3：真的，依赖注入的原理

//如你所见，注册了一个moduleA
//又如你所见，给moduleA上面注册了两个全局变量，a和b
angular.module(‘moduleA‘,[]);
angular.module(‘moduleA‘).constant(‘a‘,1);
angular.module(‘moduleA‘).constant(‘b‘,2);

//生成一个注射器
var injector = createInjector(‘moduleA‘);


//定义一个函数，接收两个数作为参数，打印两个数的和
function add(a,b){
    console.log(a+b);
}

//第一种，给函数加$inject属性
add.$inject=[‘a‘,‘b‘];
add(a,b)//3

//第二种，数组形式
[‘a‘,‘b‘,add(a,b)];

//第三种，直接用
add(a,b);

//createInjector([‘app1‘,‘app2‘])
//参数是一个字符串或者一个数组，内容是module名
function createInjector(modulesToLoad) {
    //cache用来缓存一些一直可以用到的值
    var cache = {};

    //所有加载过的module都记录在这个对象里面
    var loadedModules = {};

    $provide = {
        constant: function(key, value) {
            cache[key] = value;
        }
    }

    //这里的foreach方法并不是一个真正能运行的foreach,能看懂就行了
    //每次APP启动的时候，injector都会按照传入的module名来遍历所有module
    //这样就可以得到所有module发布的任务，并且一一执行这些任务
    $.forEach(modulesToLoad, function loadModule(moduleName) {
        //查询一下记录，如果没有加载过,再去执行
        if (!loadedModules[moduleName]) {
            var module = window.angular.module(moduleName);
            //每加载一个模块，就操作一下loadedModules，把这个模块信息放进去
            loadedModules[moduleName]=true;
            //每次先把所有依赖的模块加载进去
            $.forEach(module.requires,loadModule);
            //然后再去调用这个模块的invokeQueue
            $.forEach(module._invokeQueue, function(invokeArgs) {
                var method = invokeArgs[0];
                var args = invokeArgs[1];
                $provide[method].apply($provide, args);
            })
        }
    })

    //invoke方法用来调用函数
    function invoke(fn){
        //把fn.$inject这个数组里面的元素拿出来，args是一个新的数组
        var args=$.map(fn.$inject,function(token){
            return cache[token];
        })
        fn.apply(null,args);
    }


    return {
        has: function(key) {
            return cache.hasOwnProperty(key)
        },
        get: function(key) {
            return cache[key]
        },
        invoke:invoke
    }
}

cache={
    a:1,
    b:2
}

injector.invoke(add)//调用add函数

//数组形式依赖注入
[‘a‘,‘b‘,function add(a,b){}];

//直接调用的依赖注入
function (a,b){}

//annonate方法的作用就是把上面两种形式里面的a,b这两个键值拿出来

function annotate(fn){
        //如果是一个数组 [‘a‘,‘b‘,function(a,b){}]
        //返回数组最后一个函数之前的所有部分
        if(isArray(fn)){
            return fn.slice(0,fn.length-1);
        }else{
            //如果不是数组，就返回这个函数的$inject属性
            return fn.$inject;
        }
    }