JavaScript Design Pattern

Question

I am working on a chat room application in JavaScript using websockets. However, aside from the small snippets of jQuery here and there, I have very little experience with JavaScript.

My question is, what design pattern should I use to make an object self contained and to be able to create multiple instances of it without interfering with other instances of the same object? Also, I need to know how I can store public object properties and access them from within event handlers when the 'this' keyword refers to something other than the current objects instance.

Code examples would be great!

Currently, I'm using the prototype design pattern and it seems to be working but isn't very elegant - to say the least... Especially with how I'm handling events, is there a better way?

I am currently doing something like:

function Room( args ) {
    this.container = $( '#room-' + args.id );
    this.container.find( '.someBtn' ).on( 'click', this.someEventHandler() );
}

Room.prototype.someEventHandler = function() {
    var self = this;

    return function( event ) {
        console.log( self, this, event );
    }
}

Answer 1

The prototype is good enough and it works great for the task you've described.

If you want more you can't escape from reading :-) There are many design patterns out there, and sometimes it's more a matter of preference because the differences are small.

Here's one of the best readings about patterns: JS Design Patterns

and another one about module patterns and requirejs: organising code using modules