1.背景介绍

以前原始社会，我们需要斧子，然后由于还没有社会分工，只能自己打磨一把来使用，对应在程序上是我们需要一个功能的时候只能自己创建，然后使用new等关键字来调用方法。 然后工业社会阶段，我们需要使用斧子的时候，只需要找到工厂，购买斧子就可以使用，共产主义社会，需要斧子的时候甚至不需要购买，直接坐等社会提供。 依赖注入的意思就是我们需要的东西不是我们自己创建的，而是第三方提供的，我们只需要引用就可以使用了。 不需要的时候就不引用它。

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

2.知识剖析

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

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

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

                var mainApp = angular.module("mainApp", []);
//create a value object as "defaultInput" and pass it a data.
mainApp.value("defaultInput", 5);


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);
   }
});                
                

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

mainApp.factory('MathService', function() {
   var factory = {};
   factory.multiply = function(a, b) {
      return a * b
   }
   return factory;
});


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");                
                

3.常见问题

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

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

4.解决方案

5.编码实战

                

    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;
            };
        });
    });

    mainApp.value("defaultInput", 5);

    mainApp.factory('MathService', function() {
        var factory = {};
        factory.multiply = function(a, b) {
            return a * b;
        };
        return factory;
    });

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

    mainApp.controller('CalcController', function($scope,$injector, CalcService, defaultInput,MathService) {
        $scope.number = defaultInput;
        $scope.result = CalcService.square($scope.number);

        $scope.square = function() {
            $scope.result = CalcService.square($scope.number);
        };
        $scope.square2 = function() {
            MathService= $injector.get("MathService");
            $scope.result2=MathService.multiply($scope.number,$scope.number2);
        };
        $scope.square2 = function() {
            $scope.result2=MathService.multiply($scope.number,$scope.number2);
        }
    });                
            

6.扩展思考

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

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

↓

7.参考文献

参考：详解依赖注入

参考：理解依赖注入

参考：深究依赖注入

8.更多讨论

AngularJS中的依赖注入组件的应用场景？

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

依赖注入可以帮你的 web应用程序有良好的结构（比如显示、数据和控制分离）和松散耦合。