javascript class method encapsulation issue

Question

I'm pretty new with javascript and I think this is a dumb question but I don't know how to search my issue on google.

I have a "class" like that :

function Myclass(){}

Myclass.prototype.method1() = function(){

    whatever.onload = function(){
      this.method2();
    }

};

Myclass.prototype.method2() = function(){};

My problem is that "this" isn't related to my class anymore. In this anonymous function scope, I can't reach my method2.

How can I solve this issue ?

Thanks for your advices.

nnnnnn · Accepted Answer · 2015-02-05 10:08:07Z

4

The simplest way is like this:

Myclass.prototype.method1 = function(){
    var self = this;
    whatever.onload = function(){
      self.method2();
    }
};

The variable self remains in existence even after method1 finishes executing such that the onload function declared with method1 can still access it later. (For more information about this, google "JavaScript closures".)

edited Feb 5, 2015 at 10:08

answered Oct 29, 2014 at 11:22

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

2 Comments

Renaud Over a year ago

I think you meant Myclass.prototype.method1 = function(){ in your first line of code. Looks like a typo.

nnnnnn Over a year ago

@Reno - Yep. I had copied that line directly from the question and didn't notice the problem. Fixed.

Collectives™ on Stack Overflow

javascript class method encapsulation issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related