javascript - Returning function from AngularJS factory - Stack Overflow

admin管理员组

文章数量:1290787

I'm trying to understand what the purpose is of the return part of this AngularJS factory method means?

return {
    getMessages: getMessages
  };

What happens if we added a new method to this factory called getAnotherMessage(), would we need to update this return segment?

myModule.factory('HelloWorld', function($q, $timeout) {

  var getMessages = function() {
    var deferred = $q.defer();

    $timeout(function() {
      deferred.resolve(['Hello', 'world!']);
    }, 2000);

    return deferred.promise;
  };

  return {
    getMessages: getMessages
  };

});

I'm trying to understand what the purpose is of the return part of this AngularJS factory method means?

return {
    getMessages: getMessages
  };

What happens if we added a new method to this factory called getAnotherMessage(), would we need to update this return segment?

myModule.factory('HelloWorld', function($q, $timeout) {

  var getMessages = function() {
    var deferred = $q.defer();

    $timeout(function() {
      deferred.resolve(['Hello', 'world!']);
    }, 2000);

    return deferred.promise;
  };

  return {
    getMessages: getMessages
  };

});

• javascript
• angularjs

Share Improve this question Follow asked Jan 19, 2014 at 22:26 catrapturecatrapture 1,97666 gold badges2121 silver badges2323 bronze badges 2

• possible duplicate of How to use Revealing module pattern in JavaScript – Stewie Commented Jan 19, 2014 at 22:37
• thanks, one of the ments there linked here which was helpful – catrapture Commented Jan 19, 2014 at 23:47

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

factory is a provider constructor:

factory(fn) - registers a service factory function, fn, that will be wrapped in a service provider object, whose $get property will contain the given factory function.

Thus when the factory is first loaded by Angular it executes the function that's passed in and stores whatever is returned as the provider.

In other words, the following is run once, and only once- during bootstrapping:

var getMessages = function() {
   var deferred = $q.defer();

   $timeout(function() {
      deferred.resolve(['Hello', 'world!']);
   }, 2000);

   return deferred.promise;
 };

return {
   getMessages: getMessages
 };

The above gets a reference to the getMessage function and attaches it to the property getMessages inside the returned singleton object.

When the provider is then injected into your code, that returned object is what is passed in giving you access to the HelloWorld.getMessages function (and any other properties in the returned object).

So, yes, if you want to associate another property, such as a function, with the provider (that the factory constructs) you need to include it as a property of the returned singleton object:

return {
   getAnotherMessage: function() { ... },
   getMessages: getMessages
 };

You can also declare an empty object first and add functions into the object
and finally return the object.

 myModule.factory('HelloWorld', function($q, $timeout) {   
   var myobject = {};   
   myobject.getMessages = function() {    ...   };   
   myobject.getAnotherMessages = function() {    ...   };

   return myobject;   
 });

本文标签： javascriptReturning function from AngularJS factoryStack Overflow