安全读取data-属性需用dataset或getAttribute，确保目标元素存在且属性非空；用closest精准定位；手动转换类型并容错处理。
在事件委托中安全读取自定义 data- 属性，关键是确保目标元素存在、有对应属性、且值类型符合预期，避免因 null、undefined 或非字符串值引发错误。
用 dataset API 读取（推荐）
dataset 是原生支持的属性访问方式，会自动将 data-user-id 转为 userId 驼峰格式，且返回值始终是字符串（无属性时为 undefined，不会报错）：
- 确保事件目标是实际触发点击的元素（如按钮），而非其子元素（如图标、文字）——可用
event.target.closest(selector)精准定位 - 检查
element.dataset是否存在该 key，再取值；或直接访问后做空值判断 - 若需数字/布尔等类型，手动转换并处理异常，例如：
const id = Number(element.dataset.userId) || 0;
兼容旧浏览器时用 getAttribute
IE11 及更早版本不支持 dataset，此时应使用 getAttribute('data-user-id')：
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
- 它返回原始字符串，属性不存在时返回
null，不是undefined，需统一判空 - 注意大小写敏感：HTML 中写
data-user-id，JS 中必须传完全相同的字符串 - 建议封装一个安全读取函数，内部统一处理
null/undefined和类型转换
防止误读父级或默认值
委托事件可能冒泡到父容器，而父容器也可能有同名 data- 属性，导致读错值：
立即学习“Java免费学习笔记（深入）”；
- 永远基于你确认的业务元素（如带
data-action="delete"的按钮）读取，不要依赖event.currentTarget—— 它是绑定事件的容器，未必有你需要的 data 属性 - 用
event.target.closest('[data-user-id]')明确找最近的、含该属性的祖先或自身，避免向上遍历过远 - 若属性值为空字符串（
data-status=""），dataset.status仍返回""，需按业务逻辑决定是否视为有效
类型转换要显式且容错
dataset 和 getAttribute 都只返回字符串，直接用于计算或条件判断易出错：
- 转数字：用
parseInt(str, 10)或Number(str)，并检查isNaN() - 转布尔：不要依赖
!!str（因为"false"也会转成true），应明确比对：str === 'true'或str === '1' - 转 JSON：用
try...catch包裹JSON.parse()，防止非法 JSON 字符串崩溃
