Потеря области видимости с помощью прослушивателя событий [duplicate]

Question

Потеря области видимости с помощью прослушивателя событий [duplicate]

1

Поэтому у меня есть объявление класса, и в моем конструкторе я хочу добавить прослушиватель событий при прокрутке окна. Что-то вроде этого:

class MyClass {
    constructor(el, options) {
        // (...) initiating this properties and methods
        $window.on('scroll', this.onScroll);
    }

Когда я добавляю мой слушатель событий я потерять this сфера (OnScroll() создает свой собственный this экземпляр), но если я использую $window.on('scroll',() => this.scroll()); Я сохраняю this сферу. Есть ли способ сохранить мой охват и не использовать функцию стрелки?

Comum 15 сен. 2017, в 11:52

Источник

Теги:

javascript

2 ответа

Ещё вопросы

Suren Srapyan · Answer 1 · 2017-09-15T07-37-00.000Z

Вы можете использовать функцию # bind. Он возвращает функцию, привязанную к данному контексту.

class MyClass {
    constructor(el, options) {
        $window.on('scroll', this.onScroll.bind(this));
    }
}

Faly · Answer 2 · 2017-09-15T08-21-00.000Z

Сделайте это, как показано ниже:

class MyClass {
    constructor(el, options) {        
        $window.on('scroll', this.onScroll.bind(this));
    }
}

Или просто измените способ определения функцииScroll:

this.onScroll = () => { ... }