Javascript - функции стрелок это в обработчике событий?

Я новичок в ES6, и не могу заставить это работать:

$(this) возвращает неопределенный при клике?

dom.videoLinks.click((e) => {
            e.preventDefault();
            console.log($(this));
            var self = $(this),
                url = self.attr(configuration.attribute);

            eventHandlers.showVideo(url);

            // Deactivate any active video thumbs
            dom.videoLinks.filter('.video-selected').removeClass('video-selected');

            // Activate selected video thumb
            self.addClass('video-selected');
        });

Однако, если я изменю это, не будьфункция стрелки вроде так, работает как положено?

dom.videoLinks.click(function(e) {
            e.preventDefault();
            console.log(this);
            console.log($(this));
            var self = e.this,
                url = self.attr(configuration.attribute);

            eventHandlers.showVideo(url);

            // Deactivate any active video thumbs
            dom.videoLinks.filter('.video-selected').removeClass('video-selected');

            // Activate selected video thumb
            self.addClass('video-selected');
        });

Итак, как бы я поступил, если бы я использовалфункция стрелки в обратном вызове?

Ответы на вопрос(4)

Ваш ответ на вопрос