Question

Suppose I have:

var myfunc = function() {
   // do stuff
}
myfunc.foo = function() {
      //do other stuff
};

Now myfunc has a property foo that is a function, great. Is there a way to create myfunc from the get-go in this state? That is, I want foo to be defined when myfunc is created. The syntax, I would imagine, is something like:

var myfunc = {
  :function() {
     // do stuff
  }, 
  foo: function() {
     // do other stuff
  }
}

Except that’s wrong.

Answer 1

You can use jQuery:

var myFunc = jQuery.extend(
    function() { ... },
    {
        bar: "wioll haven be",
        foo: function() { alert(myFunc.bar); }
    }
);

myFunc();
myFunc.foo();