javascript - 如何处理有关从 dom 事件调用的函数的 used-vars 的 eslint 投诉

Question

当从一个事件(例如鼠标单击按钮或链接)调用该函数时，eslint 会提示 unused-vars因为唯一的引用是 HTML 页面中的附加事件。

我喜欢 unused-vgars否则警告。

我目前的方法是使用 eslint-disable 禁用这些行。行注释，即

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

但是现在我在我的代码中添加了那个大注释 - 到目前为止有 3 个函数。

还有另一种更清洁的方法吗？

Answer 1

使用 Javascript 附加监听器会更好。内联处理程序有 way too many problems :他们有疯狂的范围规则，需要全局污染才能工作，并且在需要使用字符串参数调用函数时可能需要丑陋的转义。

使用 addEventListener反而。例如，改变

<span onclick="addStreetAddressLine()">

到

<span class="someSpan">

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

这将消除 linter 警告并使您的代码更易于维护。
someSpan只是为您提供一种选择元素的方法。您不必添加类，您只需要某种方式来精确选择元素。