Is there anyway to create Javascript object with "default function"? AngularJS

Question

As you may know, AngularJS $http service is allowing to call it with/out specific function, for ex:

1. $http(req).then(function(){...}, function(){...});

2. $http.get('/someUrl', config).then(successCallback, errorCallback);

I would like to get some more information about the way I can implement it on my factory and generally in JS.

Answer 1

Functions are Objects in JavaScript. This means that you can assign other properties and functions on a function.

function foo(){
   //do something
}

foo.bar = function(){
   //do something else
}

Answer 2

As it was mentioned above you can implement what you want using Angular's '$resource'. Here is an example of how it can be used:

app.service('testResource', ['$resource',  function ($resource) {
    var apiBaseUrl = 'http://test-backend/api';
    var testResource = $resource(
        apiBaseUrl + '/test/'
        {},
        {
            'query': {
                method: 'GET',
                isArray: true
            }
        }
    );
    this.getAll = function () {
        return testResource
            .query()
            .$promise
            .then(function (data) {
                var tests = [];
                angular.forEach(data[0], function (value) {
                    tests.push(value);
                });
                return tests;
            });
    };
}]);

Then inject it in Controller (or wherever) and call it:

testResource.getAll().then(
                        function (data) {
                            $scope.tests = data;
                        }
                    );

You can also implement other methods such as POST, PUT, DELETE.