javascript objects

class-library-proxy-method.js

var Class = function(parent){
  var klass = function(){
    this.init.apply(tthis,arguments)
  }
  klass.prototype.init = function(){}
  klass.fn = klass.prototype

  klass.proxy = function(func){
    var self = this
    return (function(){
      return func.apply(self,arguments)
    })
  }

  klass.fn.proxy = klass.proxy
  return klass
}


var Button = new Class
Button.include({
  init: function(element){
    this.element = jQuery(element)

    // proxy the click function
    this.element.click(this.proxy(this.click))
  },
  click: function(){ /* -- */ }
})

object-function-context.js

$('.clicky').click(function(){
  $(this).hide()
})

$('p').each(function(){
  $(this).remove()
})

var clicky = {
  wasClicked: function(){
 
  },
  addListeners: function(){
    var self = this
    $('.clicky').click(function(){
      self.wasClicked()
    })
  }
}
clicky.addListeners()

object-function-context2.js

var proxy = function(func,thisObj){
  return(function(){
    return func.apply(thisObj,arguments)
  })
}

var clicky = {
  wasClicked: function(){
    /*  -- */
  },
  addListeners: function(){
    var self = this
    $('.clicky').click(proxy(this.wasClicked,this))
  }
}

object-function-context3.jquery.js

$('.clicky').click($.proxy(function(){ /* -- */ },this))

object-function-context4.js

// delegating calls after passing arguments
var App = {
  log: function(){
    if (typeof console == "undefined") return
    var args = jQuery.makeArray(arguments)

    args.unshift("(App)")

    console.log.apply(console,args)
  }
}