Scope when calling nested Javascript functions

Question

When I use JS on a website, I often like to split up the code into logical, complete modules using function(), usually like so:

function BigClass() {
    this.doOneThing = function() {
    }
    this.doAnother = function() {
    }
}

Later I use jQuery's .ready() to create instances of the classes I'm using and hang those onto various events.

var bigClassInstance = new BigClass();
$('a.something').click(bigClassInstance.doOneThing);

My question is... what's the best way to do execute the doAnotherThing() function from my call to doOneThing()? Working on smaller projects, I'll just use bigClassInstance.doAnotherThing();, but that's not portable.

What's the Right Way to go about doing this?

row1 · Accepted Answer · 2014-03-28 12:39:57Z

1

Not sure if I understand the problem, but by using the proxy function you can change the context for the function called by the click handler i.e. make this refer to your bigClassInstance and not the jQuery click context:

function BigClass() {
    this.doOneThing = function() {
       this.doAnother();
    }
    this.doAnother = function() {
    }
}

$('a.something').on( "click", $.proxy( bigClassInstance.doOneThing, bigClassInstance ) );

answered Mar 28, 2014 at 12:39

row1

5,5883 gold badges48 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scope when calling nested Javascript functions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related