Use variable declared in event handler of one function in another function

Question

i have the following class

export default class{
  constructor({
  )} {
    this.myFoo();
    this.myBar();
  }

  myFoo() {
    if (myBool){
      ... 
    }
  }

  myBar() {
    this.myElement.on('my-trigger', (e, myBool) => {
      if(myBool){
        ... 
      }
    }
  }

I would like to use myBool brought in via the myBar jquery .on() handler in a different function myFoo

Answer 1

In that case, You need to assign this value in scope of the class like:

export default class{
  constructor({
  )} {
    this.myFoo();
    this.myBar();
  }

  myFoo() {
    if (this.myBool){ 
      //now myBool is accessible via this.myBool
      ... 
    }
  }

  myBar() {
    var that=this;
    this.myElement.on('my-trigger', (e, myBool) => {

      if(myBool){
        that.myBool=myBool;
        ... 
      }
    }
  }