How to make variable $ works both as object $ and function $()?

Question

jQuery's variable $ for example works both as object and function.

// You can access object properties such as
$.fn;
// or
$.isReady;
// You can also call the function $ such as follows
$();

How to make variable $ works both as object and function?

$ = function(){} // ???
$ = {}; // ???

Just add properties to it like: function $(){...}; $.val=5: alert($.val); $(); — user7951676, Oct 14 '17 at 02:51
All functions are objects in js so you can add properties to them. — user7951676, Oct 14 '17 at 02:52

score 3 · Accepted Answer · answered Oct 14 '17 at 03:02

Here, I used variable dollar as $ and implemented it both as object and function.

function dollar(a){
    console.log(a);
}
dollar.memberFunc = function(a,b){
    console.log(a+b);
}

dollar("Hello");  //as a function
dollar.memberFunc(10,20); //as a object

Although you differentiate function and object in the question, in js function is also an object. So you can set any attributes (variables, functions) on another function. Hope you got the answer.

score 1 · Answer 2 · answered Oct 14 '17 at 03:07

Javascript function is inherited from Javascript Object.

You can define a function and then add any number of properties on it as well.

var App = function(){
  alert('this is a test');
}
App.version = 0.1;

App(); // runs the App method

console.log('app version is ', App.version); // prints the version which is a property of the App function itself

How to make variable $ works both as object $ and function $()?

2 Answers2