What is the best way to access to "this" inside a sub object in javascript class?

Question

This doesn't work because f.bar.bar() in undefined.

var myFunction = function(foo){
    this.foo = foo;
    this.bar = {        
        bar: function(){                
            return this.foo;
        }
   }    
}
var f = new myFunction('foo');
alert(f.bar.bar());

somethinghere · Accepted Answer · 2014-10-21 10:49:13Z

2

You can always declare a variable in the parent scope:

var myFunction = function(foo){
    var func = this;
    this.foo = foo;
    this.bar = {        
        bar: function(){                
            return func.foo;
        }
   }    
}
var f = new myFunction('foo');
alert(f.bar.bar());

answered Oct 21, 2014 at 10:49

somethinghere

17.5k2 gold badges36 silver badges47 bronze badges

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

3 Comments

Kevin Tomiyoshi Yang Over a year ago

Awesome! I was just going to type this. It seems people often use "self" to refer to "this". Like var self = this.

somethinghere Over a year ago

Yeah I usually use self as well, but since this nesting could go on for ages I would suggest using a more descriptive name (aka func for myFunction - better would be myfunc). Otherwise, I have been using self for a while now :)

Kevin Tomiyoshi Yang Over a year ago

^ Yeah, that makes sense! Nice suggestion :) It's definitely great to be more descriptive in that case.

Collectives™ on Stack Overflow

What is the best way to access to "this" inside a sub object in javascript class?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related