[AngularJS面面观] 20. 依赖注入 --- instance注入器以及provider注入器

本文就来解答上一篇文章留下的疑问，为什么在注入器也分成了instance注入器和provider注入器。这两种注入器的工作原理是怎么样的。

总体结构

为此我特别准备了一张图来描述一下angular注入器的工作流程和原理，如下所示。

这张图的顶部是外部调用的入口，即通过angular暴露给外部的$injector服务。关于$injector服务中含有的五个方法，在$injector服务中已经介绍过了，在本文中就不再赘述了。还不清楚$injector服务是个啥的同学可以先去看看那篇文章。

那么暴露给外部使用的$injector是哪种注入器呢？从图中可以很清晰的看出，暴露的是实例注入器(Instance Injector)。所谓的实例注入器，就是用来保存各种被实例化了的托管对象。这些实例在实例化之后会被保存在它对应的一个叫做实例注入器缓存的地方，也就是图中的cache(instanceCache)所指向的区域。下面我们就来看看实例注入器的相关代码。

instance注入器

instanceCache = {},
protoInstanceInjector =
    createInternalInjector(instanceCache, function(serviceName, caller) {
   
      var provider = providerInjector.get(serviceName + providerSuffix, caller);
      return instanceInjector.invoke(
          provider.$get, provider, undefined, serviceName);
    }),
instanceInjector = protoInstanceInjector;

// createInternalInjector的函数签名
function createInternalInjector(cache, factory) {
    
  // ......
}