Как быть с $(this) внутри стрелочных функций?

Question

[Дима Паутов]

Добрый день. Наверно задам глупый вопрос, но очень стало интересно, как быть в подобной ситуации.

Допустим есть у меня класс:

class MyClass {
  constructor(){
    this.winWidth = null;

    this.init();
  }

  seyHello(){
    alert('Привет');
  }

  init(){
    $(window)
      .on('load', () => {
        this.winWidth = $(this).width();

        this.seyHello();
      })
  }
}

Значит, цель данного класса такая, при загрузке страницы, я хочу показать окошко с сообщением. Написал стрелочную функцию, что бы избавиться от контекста обычной функции и всё хорошо, а вот изменить свойство в конструкторе уже не смогу, т.к. $(this)ссылается на мой класс. Как писать код в подобной ситуации? В голову приходит только одна мысль, это создавать переменную let self = this; и ссылаться на неё.

Answer 1

[Александр Аксентьев]

https://stackoverflow.com/questions/27670401/using...

Comments

[Дима Паутов]

была такая мысль, но подумал, вдруг есть другой способ. Значит по сути только так?

[Александр Аксентьев]

Дима Турков, ну так вы же контекст выбросили, а jquery весь на контексте построен.
Так что только через событие получать элемент

[Дима Паутов]

Александр Аксентьев, согласен. ладно, спс!

Answer 2

[Александр N++]

через

$.proxy(function(){
  // this будет родитель объекта а не функции
},this)

или
var that = this;
до анонимной функции
внутри функции
that.showHello