How to turn jQuery/Javascript functions into methods

Question

Could anyone explain how to turn functions into methods and the variables into parameters of an object in jQuery/Javascript?

And even more interesting Why i should do that?

thy "why should I do that" can be translated to "why use OOP" — KARASZI István
– KARASZI István, Commented Oct 23, 2010 at 9:09

Marcelo Cantos · Accepted Answer · 2010-10-23 09:06:39Z

3

There is (among others) the closure trick:

function obj(x, y) {
    var z = 0;

    return {
        foo: function() { z += x; return z; },
        bar: function() { z *= y; return z; }
    };
}

o = obj(2, 3);
o.foo();

This particular approach has the advantage that it hides internal state reasonably well. It is not easy (maybe impossible, but I'm not sure) to inadvertently tinker with z directly from outside the "object".

answered Oct 23, 2010 at 9:06

Marcelo Cantos

187k40 gold badges338 silver badges366 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

KARASZI István · Accepted Answer · 2010-10-23 09:13:57Z

3

in jQuery:

var MyClass = function( x, y ) {
  this.x = x;
  this.y = y;
};
$.extend(MyClass.prototype, {
  foo: function(z) { ... },
  bar: function() { ... }
});

than you could:

var myObject = new MyClass(1, 2);

or with HJS plugin:

var MyClass = $.Class.create({
  initialize: function(x, y) {
    this.x = x;
    this.y = y;
  }.
  foo: function(z) { ... },
  bar: function() { ... }
});

answered Oct 23, 2010 at 9:13

KARASZI István

31.5k9 gold badges106 silver badges133 bronze badges

Collectives™ on Stack Overflow

How to turn jQuery/Javascript functions into methods

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related