Keeping class this when calling button click function

Question

Is there a way to keep the class this when entering a click function from a button?

For example:

class MyClass extends FooClass{

  constructor (obj) {

    super (obj)

    this.obj= obj;

    $("#someButton").click(this.foo);
  }

  foo(){
    this.obj; // undefined because this is now #someButton and not MyClass 
  }

But I want to access this.obj in foo() .

Answer 1

You need to bind foo

$("#someButton").click(this.foo.bind(this));

or use arrow function

$("#someButton").click(() => this.foo());

Answer 2

Why are you not defining a parameter for the function foo:

 $("#someButton").click(function(){ foo(obj); }); foo(obj){ // work with obj ... }