Bind all instance methods

bindMethods.js

function MyController(){
  // Bind all
  for (var method in this.constructor.prototype) {
    this[method] = this[method].bind(this);
  }
  /* Equals to 
  this.render = this.render.bind(this);
  this.filter = this.filter.bind(this);
  ...
  */
}

MyController.prototype.render = function(){
  console.log('ThisArg in render is', this);
  return this.filter(/*something*/); // Without binding, this will crash
}

MyController.prototype.filter = function(){
  console.log('ThisArg in filter is', this);
}

var contoller = new MyController();
setTimeout(contoller.render, 1); // This type of callback will lose this

/* Results are:

ThisArg in render is MyController {}
ThisArg in filter is MyController {}
*/

withoutBind.js

function MyController(){
  // without bind, try this yourself
}

MyController.prototype.render = function(){
  console.log('ThisArg in render is', this);
  return this.filter(/*something*/); // Without binding, this will crash
}

MyController.prototype.filter = function(){
  console.log('ThisArg in filter is', this);
}

var contoller = new MyController();
setTimeout(contoller.render, 1); // This type of callback will lose this


/* Results are:

ThisArg in render is Window {…}
Uncaught TypeError: this.filter is not a function
*/