Functions with public property

Question

How is it possible to use a function as an object? More precisely, I would like to repeat the behavior of $http angular, where it is possible to execute a request in the following forms:

$http.get('url');

$http.post('url', data);

$http({
    method: 'get',
    url: 'url',
    ...
});

Note that the function $http can be either invoked directly or used as an object to obtain the properties get and post.

Answer 1

One function javascript is also an object, and as such it can have values and methods assigned to it like any other object.

The $http of the angular is basically this, a function with a number of other functions added to it as shortcuts to the main, in a very simplified way would be the following:

function $http(options) {
    //código
}

$http.get = function(url) {
    return $http({method : 'get', url: url});
}

$http.post = function(url, data) {
    return $http({method : 'post', url: url, data: data});
}