原文链接
等下,已经有一篇文章回答了'Service和Factory的区别’,那我该起个什么样的标题呢?
这个网上已经有很多人讨论过,我这篇就看起来就多余了。然而我们还是经常看到这个 。
即使你看了很多StackOverflow上的回答 ,还是一头雾水。而且那些例子都有些老了,不适合一些新的平台,比如ES6!
这里总结下service和factory的区别,以及为什么我们 最好使用service。
好了,那到底这两个在angularjs里有啥区别?我们都知道,可以这样定义Service:
app.service('MyService', function () { this.sayHello = function () { console.log('hello'); };});
.service()方法用来在我们模块里定义一个service服务,它接收一个字符串名字和一个方法作为参数。也就是说,当我们定义好一个service,就可以在我们的其他组件里注入和使用,比如controllers,directives和filters:
app.controller('AppController', function (MyService) { MyService.sayHello(); // logs 'hello'});
好,现在看下,用Factory进行同样的实现
app.factory('MyService', function () { return { sayHello: function () { console.log('hello'); } }});
.factory()方法一样,接收一个字符串名字和一个方法两个参数,来定义一个factory, 和service一样,在其他地方注入使用。那么区别在哪?
可能你已经发现了,service在使用this指针,而factory直接返回了一个对象。为什么?因为Service是一个构造函数,但Factory不是。在Angular的底层,当这段代码在Service构造函数初始化的时候,会去调用object.create()。而Factory就一个普通被调用的方法,所以它要显式地返回一个对象。
为了弄明白,我们来看下factory在angular里的源码:
function factory(name, factoryFn, enforce) { return provider(name, { $get: enforce !== false ? enforceReturnValue(name, factoryFn) : factoryFn });}