Как бороться с жалобами eslint об использовании VAR для функций, вызываемых из событий DOM

Question

Когда функция вызывается из события, такого как щелчок мыши по кнопке или ссылке, eslint жалуется на unused-vars, поскольку единственная ссылка - это прикрепленное событие на странице HTML.

I как предупреждение unused-vgars в противном случае.

Мой текущий подход состоит в том, чтобы отключить строки комментарием к строке eslint-disable, т.е.

const addStreetAddressLine = () => { // eslint-disable-line no-unused-vars

, но теперь я распространяю этот большой комментарий по всему моему Пока код - 3 функции.

Есть ли другой подход, который немного чище?

Answer 1

Было бы лучше прикрепить слушателей, используя Javascript. У встроенных обработчиков слишком много проблем : у них сумасшедшие правила области видимости, для работы требуется глобальное загрязнение, и может потребоваться некрасивое экранирование, когда функция должна вызываться со строковым аргументом.

Использование addEventListener вместо. Например, измените

<span onclick="addStreetAddressLine()">

на

<span class="someSpan">

document.querySelector('.someSpan').addEventListener('click', addStreetAddressLine);

Это избавит от предупреждений о линтерах и , чтобы сделать ваш код более понятным.

someSpan как раз для того, чтобы дать вам возможность выбрать элемент. Вам не нужно добавлять класс, вам просто нужен какой-то способ точного выбора элемента.