unicorn/prefer-dom-node-dataset 吹毛求疵
功能說明
在 DOM 元素上使用 .dataset
,而不是使用 getAttribute(…)
、.setAttribute(…)
、.removeAttribute(…)
和 .hasAttribute(…)
。
為什麼這樣不好?
dataset
屬性是一個字串的映射,其中包含元素的所有 data-*
屬性。這是一種方便的方式,可以一次存取所有這些屬性。
範例
此規則的不正確程式碼範例
javascript
element.setAttribute("data-unicorn", "🦄");
此規則的正確程式碼範例
javascript
element.dataset.unicorn = "🦄";