Creating a javascript library closure

Question

Creating a javascript library closure

I've been developing a JavaScript library similar to Underscore.js and Jquery in the past few days. In both of those libraries they use an object which can accept parameters but can also have methods called on it: $("param").method(); or _("param").method();

I've been reading through the source code on both of these libraries trying to understand how they are implementing such a thing but have been unable to figure it out. I do not know the name of this type of closure so I've been unable to search for it.

Any help would be appreciated, I'm just trying to figure out how I can implement an object of this type into my library.

3 Answers

var lib = (function (param) {

   var func = function () {
     /// your code

     return {
         animate : function () {
          // do the animation
          return this;
     }
   }

   return func;
})();

You could use

lib(function(){}).something();
lib("selector").something().something().something();
lib(DOMElement).something().something().something();

Defining

lib.prototype={
some: function() {}
};

allows you to use

lib("foo").some();

0 Created by Boopathi Rajaa on 2020-03-17 22:44:10 +0000 UTC

Share

Don't do anything special, just make a function and add attributes (some of which can be functions):

function a(){
   alert(1);
}

a.b = function(){
   alert(2);
}

Now you can do both:

a()

or:

a.b()

0 Created by fdreger on 2020-03-17 22:44:10 +0000 UTC

Share

Guffa · Accepted Answer · 2020-03-17 22:44:10 +0000 UTC

You just make a function that returns an object that has methods. Example:

function test(demo) {
  return {
    show: function() { alert(demo); }
  };
}

test("Hello world").show();