jQuery event handler context examples

event_handler_context.js

var foo = {
  context: 'obj', 
  func: function(){
    console.log( this.context );
  }
};

var bar = foo.func;

window.context = 'global';
document.context = 'document';

foo.func(); // logs: 'obj'
bar(); // logs: 'global'

$(function(){ foo.func(); }); // logs: 'obj'
$(function(){ bar(); }); // logs: 'global'

$( foo.func ); // logs: 'document'
$( bar ); // logs: 'document'