Using jQuery $.proxy

Hate spagetti code? Functions nested like 3 or 4 levels deep?

Me too. The best way I have found to avoid overly nested code is to use jQuery's $.proxy method to keep things as flat as possible, and on the class or module level.

Consider this code...

MyClass = function () {
  this.setupEvents = function () {
    $('a').click(function (event) {
      console.log($(event.target));
    });
  }
}

And the alternative using jQuery's $.proxy method

MyClass = function () {
  this.setupEvents = function () {
    $('a').click( $.proxy(this, 'clickFunction'));
  }
  this.clickFunction = function (event) {
    console.log($(event.target));
  }
}