这个 Angular 代码有什么问题？

Question

angular.module('events.services', [])
    .factory('EventService', function($http, $cordovaSQLite) {
        return {
            test: function() {
                return 'It Works!';
            }
        }
    }
})

Controller

.controller('NearCtrl', function($scope, $http, $cordovaSQLite, EventService) {
    var test = EventService.test;
    console.log(test); // I expect 'It works' to be here, but returns 'function test();'
})

Why doesn't this return 'It Works!' ? Thanks a lot.

Answer 1

As per comments, and as per the JS language

In the following link

Calling functions Defining a function does not execute it. Defining the function simply names the function and specifies what to do when the function is called. Calling the function actually performs the specified actions with the indicated parameters. For example, if you define the function square, you could call it as follows:

square(5);

As you can see, the function requires () to be executed.

function square(num){
  return num
}

console.log(square);
=> function square(num)

console.log(square( 5 ));
=> 5

As you are using your factory,

console.log(EventService);
=> { test: function() { return 'It Works!'; }

In your scenario, your factory has returned an object with a property test that points to an anonymous function.

Simply calling EventService.test returns the anonymous function just as it did when we called console.log(square); . To utilize the returned function value you must also call it like so

EventService.test();

Continue to post questions as you see fit, but also remember to troubleshoot your code first, and if you still need to ask a question include all the steps you took to troubleshoot your problem :)