了解 AngularJS 中的依赖注入：服务、提供商、工厂

使用 AngularJS 服务探索依赖注入

AngularJS - 服务示例

angular.module('myApp', [])
.service('myService', function() {
  this.sayHello = function() {
    return 'Hello from Service!';
  };
});

angular.module('myApp')
.controller('myController', function($scope, myService) {
  $scope.greeting = myService.sayHello();
});

了解可配置服务的 AngularJS 提供程序

AngularJS - 提供者示例

angular.module('myApp', [])
.provider('myProvider', function() {
  var greeting = 'Hello';
  this.setGreeting = function(newGreeting) {
    greeting = newGreeting;
  };
  this.$get = function() {
    return {
      sayHello: function() {
        return greeting + ' from Provider!';
      }
    };
  };
});

angular.module('myApp')
.config(function(myProviderProvider) {
  myProviderProvider.setGreeting('Hi');
});

angular.module('myApp')
.controller('myController', function($scope, myProvider) {
  $scope.greeting = myProvider.sayHello();
});

利用 AngularJS 工厂进行灵活的服务创建

AngularJS - 工厂示例

angular.module('myApp', [])
.factory('myFactory', function() {
  var service = {};
  service.sayHello = function() {
    return 'Hello from Factory!';
  };
  return service;
});

angular.module('myApp')
.controller('myController', function($scope, myFactory) {
  $scope.greeting = myFactory.sayHello();
});

关于 AngularJS 依赖注入的常见问题

1. AngularJS 中依赖注入的主要目的是什么？
2. 主要目的是管理依赖关系并促进模块化，使应用程序更易于维护和测试。
3. 我应该什么时候使用 .service() 超过 .factory()？
4. 使用 .service() 当您需要可以使用实例化的单例对象时 new。使用 .factory() 以获得更灵活的服务创建逻辑。
5. 如何 .provider() 与其他方法有何不同？
6. .provider() 允许在创建服务之前进行配置，从而为在模块配置阶段设置服务提供更大的灵活性。
7. 我可以使用依赖注入在 AngularJS 中进行测试吗？
8. 是的，依赖注入允许您注入模拟依赖项，使单元测试更加有效并与外部因素隔离。
9. 的作用是什么 this.$get 在 .provider()？
10. this.$get 用于定义返回服务实例的工厂函数，从而能够创建可配置的服务。
11. 是否可以互相注入服务？
12. 是的，服务可以相互注入，从而促进应用程序内的重用和模块化。
13. 如何使用配置服务 .provider()？
14. 配置是在模块的配置阶段使用 .config() 方法，您可以在其中设置提供者的行为。
15. 使用有什么好处 .factory() 用于创建服务？
16. .factory() 允许使用条件逻辑创建复杂的对象，从而增强服务定义的灵活性和模块化。
17. 能 .service() 返回不同类型的对象？
18. 不， .service() 通常返回一个单例对象。对于不同类型的对象，使用 .factory()。
19. 为什么依赖注入对于 AngularJS 应用程序很重要？
20. 依赖注入对于维护干净、模块化和可测试的代码至关重要，这可以提高 AngularJS 应用程序的整体质量和可管理性。