Closure Pinning Memory Leak - Fixed 2

closure_leak_fixed_2.js

// Component Definition
function Component(name) {
    this.pageName = name;
    this.onLoadedHandler = this.onLoadedHandler.bind(this);
}


// We can now do our work with the Component
// context passed as expected!
Component.prototype.onLoadedHandler = function() {
    var otherPageName = this.pageName + 'hi!';
}

// On Component.attach, lets subscribe to the 
// DOM's load event and pass our context via the 
// Javascript apply method (you can also use .call)
Component.prototype.attach = function() {
    $(window).bind("load", this.onLoadedHandler);
}

// Detach the load event handler from the document
// context for-realz
Component.prototype.detach = function() {
    $(window).unbind("load", this.onLoadedHandler);
}


// Test Case: Create a ton of Components
for (var i = 0; i <= 4; i++) {
    var newComponent = new Component('my page');
    newComponent.attach();
    newComponent.detach();
    delete newComponent;
    newComponent = null;
}​