1.背景介绍

没有依赖注入的时候，在程序上我们需要一个功能的时候只能自己创建，然后使用new等关键字来调用方法。 依赖注入的意思就是我们需要的东西不是我们自己创建的，而是第三方提供的，我们只需要引用就可以使用了。 不需要的时候就不引用它。这个就可以说是从刀耕火种时代到自动化时代

依赖注入用来解决组件之间依赖关系、配置及生命周期管理， 通过转移对象控制权，可以解决类之间的耦合问题， 对象与对象之间是松散耦合关系，更重要的是使得应用程序体系结构变得非常灵活， 很好的体现了面向对象的设计法则之一---依赖设计原则

2.知识剖析

作用一：可以使我们能够轻松对组件进行测试

作用二：降低代码的逻辑复杂度

angular提供了几种很好的依赖注入机制，以下5个核心组件用来作为依赖注入 value、factory、service、provider、constant

                

var mainApp = angular.module("mainApp", []);


mainApp.value("defaultInput", 5);


mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
      $scope.number = defaultInput;
   }
});
                
                

                
// 定义一个模块
var mainApp = angular.module("mainApp", []);

// 创建 factory "MathService" 用于两数的乘积

mainApp.factory('MathService', function() {
   var factory = {};
   factory.multiply = function(a, b) {
      return a * b
   }
   return factory;
});
// 在 service 中注入 factory "MathService"

mainApp.service('CalcService', function(MathService){
      this.square = function(a) {
      return MathService.multiply(a,a);
   }
});
                
                

                
var mainApp = angular.module("mainApp", []);


mainApp.config(function($provide) {
   $provide.provider('MathService', function() {
      this.$get = function() {
         var factory = {};
         factory.multiply = function(a, b) {
            return a * b;
         }
         return factory;
      };
   });
});
                
                

                

var mainApp = angular.module("mainApp", []);

mainApp.service('CalcService', function(MathService){
      this.square = function(a) {
      return MathService.multiply(a,a);
   }
});
mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
      $scope.number = defaultInput;
      $scope.result = CalcService.square($scope.number);

      $scope.square = function() {
      $scope.result = CalcService.square($scope.number);
   }
});
                
                

                
mainApp.constant("configParam", "constant value");
                
                

当我们想要创建一个服务，并且这个服务只需要返回数据时，就可以使用constant(name,value)和value(name,value)，不过，它们有两个显著的区别：
1.value不可以在config里注入，但是constant可以
2.value可以修改，但是constant不可以修改，一般直接用constant配置一些需要经常使用的数据。
通常情况下，可以通过value()来注册服务对象或函数，用constant()来配置数据。

3.常见问题

1、依赖注入的几种方法如何使用

2、angular依赖注入的时候，controller里面注入的参数和function的参数列表顺序问题

4.解决方案

                    
someModule.controller('MyController', ['$scope', 'greeter', function($scope, greeter) {
// ...
}]);
                    
                

                    
var MyController = function($scope, greeter) {
  // ...
}
MyController.$inject = ['$scope', 'greeter'];
someModule.controller('MyController', MyController);
                    
                

                    
someModule.controller('MyController', function($scope, greeter) {
  // ...
});
                    
                

6.扩展思考

这些依赖组件的本质是啥？

factory，service以及value全部都是用来定义一个provider的简写， 它们提供了一种方式来定义一个provider而无需输入所有的复杂的代码。

7.参考文献

参考：详解依赖注入

参考：理解依赖注入

参考：深究依赖注入

参考：深究依赖注入

8.更多讨论

AngularJS中的依赖注入与不用依赖注入的其他框架相比，有何优点？