Почему не работает стрелочная функция для select?

Question

[Mesuti]

Привет!
Почему не работает стрелочная функция у select?
Хотя, если назвать полностью function(), то все в порядке.

Comments

[WapSter]

На вопрос уже ответили, совет могу дать. У каждого события есть event от него и отталкивайся в твоем случае e.target , или явно указывай элемент.

[Mesuti]

Тимур Турсунбаев, напишите, пожалуйста, ответ. выберу решением.

стрелочная функция работает, если указать target

mySelect.addEventListener('change', (e) => {
    alert('Выбран: ' + e.target.options[e.target.selectedIndex].innerHTML);
});

[WapSter]

Mesuti, это не совсем решение, оно работает в определенном случае. Если change применить ко всей форме, то e.target будет работать на input в фокусе. А это не всегда то, что нужно.

[Mesuti]

Тимур Турсунбаев, спасибо за ответ, пример и объяснение

[alex-1917]

ну так оставь работающий вариант, забей на модно-стильно-молодежно!
ты сейчас конечно же в пылу юношеского задора положишь болт на мои слова, но поверь,лет через 10, когда будешь программить не идеи ради, а на бизнес, попомнишь мои словечки...

[Mesuti]

alex-1917, Угадали, только учусь. И увидел, как многие уменьшают количество кода. =) возможно, это внешне повышает уровень мастерства..

Answer 1

[Arman]

this у стрелочной функции отличается от обычных

Comments

[Andrew]

Mesuti, если прописать внутри тела
console.log(this)
вы увидите.

[alex-1917]

АЗЫ

Answer 2

[Артур Карапетян]

mySelect.addEventListener('change', ({target: {options}, selectedIndex}) => {
    alert('Выбран: ' + options[selectedIndex].innerHTML);
});