angular4学习笔记(第三章 依赖注入篇）

1.依赖注入

• 依赖注入是什么？
  • 依赖注入是“控制反转”（将实例化这个类的控制权交给外部，从而实现类与组件的解耦）的一体两面。控制反转是目的，依赖注入是手段。是不是不太明白，说得直白一点就是在程序运行过程中，如果需要调用另一个对象协助时，无须在代码中创建被调用者，而是依赖于外部的注入。
• 依赖注入怎么用？
  • 我们在组件需要某个服务的实例时，不需要手动创建这个实例，只需要在构造函数的参数中指定这个实例的变量，以及这个实例的类，然后angular会根据这个类的名字找到providers属性中指定的同名的provide，再找到它对应的useclass，最终自动创建这个服务的实例。
• 依赖注入的好处
  • 在Angular中使用依赖注入，可以帮助我们实现松耦合，实现组件的可重用性。
• 这里就不多介绍依赖注入了，如果对依赖注入不理解的可以看看该博客内容（https://blog.youkuaiyun.com/it_rod/article/details/79370839）

2.注入器

• angular只有一种注入方式——在组件的构造函数中注入

3.提供器

• 需要依赖注入的东西（一般为服务），需要声明在提供器中才能被注入
• 提供器的使用方法（其中provide和useClass本人认为相当于一个键值对，provide通常作为一个“token”使用，相当于一个键名，而useClass通常是需要实例化的对象，相当于一个值）

  // 只有当provide与useClass的值一样时才能使用这样的简写
  providers: [ProductService]
  // 与上面的写法具有同样的效果
  providers: [{provide: ProductService, useClass: ProductService}]
  // 当provide与useClass的值一样时的写法
  providers: [{provide: ProductService, useClass: AnotherProductService}]
  // 用工厂方式创建这个实例(单一)
  providers: [{provide: ProductService, useFactory: ()=>{...}}]
  // 使用useValue的写法
  provides:  [{provide: 'USE-VALUE', useValue: "value"} ]
  

4.useClass的用法（两属性值相同）

• 创建一个商品服务
• 在模块中提供该服务，用于模块内所有组件
• 在组件的构造函数中注入服务
• 显示在界面上                       
• 显示结果                                                                           

5.useClass的用法（两属性值不相同࿰