el.hasattribute('data-key')是最准最快判断元数据声明的方式，只检查属性是否存在（含data-key=""等），不读值、零开销；而dataset.key可能因命名不规范返回undefined，getattribute()对空字符串会误判为假。
直接用 el.hasAttribute('data-key') 判断，这是最准、最快、最不踩坑的方式。
为什么不用 el.dataset.key 或 el.getAttribute('data-key') 直接判真假
因为它们都可能返回假值，但不代表属性不存在：
-
el.dataset.key在属性名不规范（比如含大写、下划线、数字开头）时直接返回undefined，不是“不存在”，而是“压根没映射” -
el.getAttribute('data-key')返回null表示真不存在，但返回空字符串""时，if (el.getAttribute('data-key'))会误判为“不存在” - 而
el.hasAttribute('data-key')只关心 HTML 标签里有没有写这个属性，data-key=""、data-key="false"、data-key全部返回true
hasAttribute 的参数必须严格匹配 HTML 中的写法
连字符、大小写、顺序都不能错，浏览器不会自动标准化：
- HTML 写的是
<div data-user-id="123"> → 必须传 <code>'data-user-id'，传'data-userId'或'user-id'都返回false - HTML 写的是
<span data-2024-active></span>→ 传'data-2024-active'才对，el.dataset["2024Active"]虽能读值，但hasAttribute不接受驼峰形式 - 属性名区分大小写：
data-UID和data-uid是两个不同属性 - 错误写法：
el.innerHTML = '<div data-loaded></div>'; el.querySelector('div').hasAttribute('data-loaded')—— 此时新div还没被解析，查不到 - 正确做法：先 append 到 document 或父容器，再查；或用
MutationObserver监听插入事件 - Shadow DOM 中需先拿到
shadowRoot，再在其内部查：host.shadowRoot.querySelector('slot').hasAttribute('data-name')
动态插入元素后判断要等 DOM 更新完成
如果元素是通过 innerHTML、insertAdjacentHTML 或框架渲染出来的，得确保它已挂载到 DOM 树中再调用 hasAttribute：
真正容易被忽略的点是：很多人把 hasAttribute 当成“值是否存在”的判断工具，但它只回答“有没有声明”，不回答“值是不是有效”。需要结合 getAttribute 做二级验证，尤其是当业务逻辑依赖具体值时。
