交替使用角度工厂和服务 - 没有错误

Question

我正在使用 service 应该有 factory 并且我没有收到错误。 我的服务在应该返回构造函数时返回和对象。
但是我的代码运行良好。

例如，下面的代码应该不起作用。但它工作正常：

angular.module('myApp', [])
    .service('myService', myService);

function myService(/*<dependencies go in here>*/){
   return {
     /*<object attributes in here>*/
   }
}

正确的代码应该是这样的：

angular.module('myApp', [])
    .factory('myService', myService);

function myService(/*<dependencies go in here>*/){
   return {
     /*<object attributes in here>*/
   }
}

我的问题是为什么 Angular 允许您在实际返回对象时使用 .service 并且应该使用 .factory

Answer 1

服务中的显式返回会覆盖默认构造函数行为。

function factory () {

    return {
        foo: 'bar'
    };

}

console.log(factory().foo); // bar

function service () {

    this.foo = 'foo';

    return {
        foo: 'bar'
    };

}

console.log(new service().foo); // bar

Fiddle

Answer 2

好的，这就是我对这个有趣问题的回答。

首先让我们确保我们了解服务和工厂之间的主要区别，在我们看到这两种实现之后会更容易：

工厂：

function factory(name, factoryFn) {
    return provider(name, { $get: factoryFn });
}

服务：

function service(name, constructor) {
    return factory(name, ['$injector', function($injector) {
        return $injector.instantiate(constructor);
    }]);
}

正如我们所看到的，工厂实际上正在做的是让我们得到工厂函数返回的对象。

另一方面，Service 使用我们提供的构造函数实例化一个新对象。不用说两者都是单例。

在您上面的示例中，工厂按应有的方式使用，这是最佳实践。 我想有趣的部分是为什么服务正在工作，而他的构造函数并没有真正定义一个类而是返回一个对象。

棘手的部分来了，它之所以起作用，是因为正如之前所说，使用服务实际实例化一个对象，在我们的不良做法中，我们用新的构造函数覆盖了默认构造函数。

听起来令人困惑？这是一个Fiddle，它执行基本相同的事情，我们使用 new ConstructorFunc() 而 ConstructorFunc() 而不是定义一个对象并使用 this.prop=something 创建它的属性返回一个对象。

也许这不是最佳实践，但有可能。 我认为我们最好继续按照惯例使用服务。

有趣的文章factory vs service vs provider