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');
});
Итак, как бы я поступил, если бы я использовалфункция стрелки в обратном вызове?