[angularjs之我见] AngularJs 的DI实现

系统执行过程:
1.创建Module
2.注册Provider
3.配置Provider
4.RUN


一、providerCache 用来存储 [provider结构]

预先存储
1.$provide
providerCache.$provide =  {
    provider: supportObject(provider),
    factory: supportObject(factory),
    service: supportObject(service),
    value: supportObject(value),
    constant: supportObject(constant),
    decorator: decorator
}


2.$injectorproviderCache.$injector = providerInjector =  createInternalInjector() = {
    invoke: invoke,
    instantiate: instantiate,
    get: getService,
    annotate: createInjector.$$annotate,
    has: function (name) {
        return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name);
    }
}

3. 通过$provide.providerproviderCache注册其他的provider
    function provider(name, provider_) {
        assertNotHasOwnProperty(name, 'service');
        if (isFunction(provider_) || isArray(provider_)) {
            provider_ = providerInjector.instantiate(provider_);
        }
        if (!provider_.$get) {
            throw $injectorMinErr('pget', "Provider '{0}' must define $get factory method.", name);
        }
        return providerCache[name + providerSuffix] = provider_;
    }

整个注册过程:
1. setupModuleLoader得到Module
2. 通过Moduleprovider()方法开始注册provider
3. provider预先放到invokeQueue中,包含:
    [provider=>'$provide', method=>'provider(),service(),factory()',
        arguments=>'recipeName, factoryFunction'
    ]
4. runInvokeQueue 来执行 invokeQueue
    function runInvokeQueue(queue) {
        var i, ii;
        for (i = 0, ii = queue.length; i < ii; i++) {
            var invokeArgs = queue[i],
                provider = providerInjector.get(invokeArgs[0]);

            provider[invokeArgs[1]].apply(provider, invokeArgs[2]);
        }
    }

5.通过providerInjectorgetService('$provide')获取 $provide

6.$provideprovider()provider放入providerCache

二、整个配置运行过程

1.setupModuleLoader得到Module
2.通过Moduleconfig()方法开始配置
3.将配置模块预先放到configBlocks中,包含:
    [provider=>'$injector', method=>'invoke()',
        arguments=>'configFn'
    ]
4. runInvokeQueue 来执行 configBlocks
5.通过providerInjectorgetService('$injector')获取 $injector

6.$injectorinvoke进行 providerDI,此时的provider为注册时的[provider结构]
因此被DIprovider应该使用名字+"Provider",否则会提示错误。
    throw $injectorMinErr('unpr', "Unknown provider: {0}", path.join(' <- '));

:
$injector.get 为得到[provider结构]
$injector.invoke 为对[provider结构]DI

三、instanceCache 用来存储 [provider的实例]

1. $injectorinstanceCache.$injector = instanceInjector = createInternalInjector();

instanceInjector.invoke 进行各种 [provider实例]DI

:
$injector.get 为得到[provider实例]
$injector.invoke 为对[provider实例]DI

四、Module的创建
    通过 setupModuleLoader进行模块创建:
    参数1: 模块名称
    参数2requires
参数3: 配置函数,类似于 module.config


五、providerInjectorinstanceInjector
    providerInjector [provider结构]注入器
    instanceInjector [provider实例]注入器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值