Ryan Saxe
Ryan Saxe

Reputation: 17829

do something when function executes Jquery

So I have a function that is recursive for inverting colors. Here is the code:

function invert(id,what){
    var color = $(id).css(what);
    var matchColors = /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/;
    var match = matchColors.exec(color);
    var r = (255 - match[1]).toString() + ",";
    var g = (255 - match[2]).toString() + ",";
    var b = (255 - match[3]).toString();
    answer = 'rgb(' + r + g + b + ')' ;
    $(id).css(what,answer);
};

So essentially I have a function that can be called in many instances (clicks of specific ids, hover on specific classes, etc.) and I do not know them all. But I need to know every single time this function gets called. How can I have an outside line of code that sets a variable equal to the amount of times the function has been called?

Upvotes: 0

Views: 167

Answers (2)

Paul S.
Paul S.

Reputation: 66324

Wrap your function.

var wrapped = (function wrapper(present) {
    function wrapping() {
        ++wrapping.count; // increment invocation count
        return present.apply(this, arguments);
    }
    wrapping.count = 0; // counter, avaliable from outside too
    return wrapping;
}(invert));

If you need to call it invert too, re-assign invert after.

invert = wrapped;
invert.count; // 0
invert();
invert.count; // 1
invert();
invert.count; // 2

Upvotes: 6

compid
compid

Reputation: 1323

I am not sure what your exact scenario is, but maybe you could override the function with a wrapper:

var invertOriginal = invert;
var counter = 0;

var invert = function(id, what, max) {
  invertOriginal(id, what, max); 

  // do counter stuff here, e.g.
  counter++; 
};

Upvotes: 0

Related Questions