closest() 找不到元素时返回 null，需先判断有效性再操作；推荐用可选链（?.）或空值合并（??）处理，也可封装安全函数或加日志调试。
当 closest() 找不到匹配的祖先元素时，它会返回 null，直接调用其属性或方法会报错（如 Cannot read property 'classList' of null）。处理的关键是**先判断返回值是否为有效元素**，再进行后续操作。
显式检查 null 或使用可选链操作符（推荐）
现代 JavaScript 支持可选链（?.），能安全访问可能为 null 或 undefined 的对象属性或方法：
-
element.closest('.btn')?.classList.add('active')—— 如果没找到，整条链静默终止，不报错 -
const btn = element.closest('.btn'); if (btn) { btn.click(); }—— 兼容老环境的传统写法
提供默认行为或 fallback 元素
有时你希望“找不到时就用自身”或“用 document.body 代替”，可以结合逻辑运算符或三元表达式：
-
const target = element.closest('.modal') || element;—— 没找到就用当前元素 -
const container = element.closest('[data-container]') ?? document.body;—— 使用空值合并（??），仅当为null或undefined时取默认值
封装成带默认返回的安全函数
如果项目中频繁使用 closest 且总要处理 null，可封装一个工具函数：
function safeClosest(el, selector, fallback = null) { return el.closest(selector) ?? fallback; }- 调用：
safeClosest(btn, '.card', document.body).dataset.id—— 避免重复判空
调试时快速确认是否命中
开发阶段不确定选择器是否写对，可在控制台临时加日志：
-
console.log('Found:', element.closest('.nav-link'));—— 直观查看返回值 - 配合断点：在调用
closest后暂停，检查变量值，比猜更可靠
