dialog.close() 不返回值，returnValue 必须在 close 事件中读取；需确保 dialog 已挂载且 display: none，关闭前手动清空 returnValue 避免残留。
dialog.close() 后 returnValue 为什么经常是 undefined
因为 dialog.close() 本身不阻塞执行，也不返回值；returnValue 只在 showModal() 调用后、用户主动关闭（或调用 close()）时才被设置，但必须在关闭**之后立即读取**——稍晚一点（比如放进异步回调里），就可能因 DOM 移除、元素重用或事件循环延迟导致读不到。
必须用 close 事件监听，不能靠 close() 返回值
dialog.close() 是 void 函数，永远不返回任何东西。安全读取 returnValue 的唯一可靠时机，是在 close 事件触发后的事件处理函数中：
myDialog.addEventListener('close', () => {
console.log(myDialog.returnValue); // ✅ 此时 guaranteed 有值
});
常见错误包括：
- 在
myDialog.close('confirmed')后立刻访问myDialog.returnValue—— 大概率还是旧值或空字符串 - 把读取逻辑放在
setTimeout或 Promise.then 里 —— 事件已触发，但读取滞后 - 重复监听未清理，导致多次执行（尤其 dialog 被复用时）
showModal() 前必须确保 dialog 已挂载且 display: none
dialog 元素默认是隐藏的，但若它没在 document 中（比如刚 document.createElement('dialog') 但没 append），或 CSS 强制设了 display: block，showModal() 会抛错或行为异常，进而让 returnValue 不可预测。安全写法：
立即学习“前端免费学习笔记（深入）”；
- 创建后立即
document.body.append(dialog)（或插入到稳定容器） - 确认没有外部样式覆盖
dialog { display: ... } - 避免在
dialog.open === true时再次调用showModal()（会报错）
returnValue 类型不是 always string，要注意类型判断
dialog.close('yes') 会让 returnValue 是字符串 'yes'；但 dialog.close()（无参）或用户点叉/ESC 关闭时，returnValue 是空字符串 ''，不是 null 或 undefined。所以别用 if (dialog.returnValue) 判定是否“有响应”——空字符串是 falsy，但它是合法的关闭结果。
更稳妥的判断方式：
if (event.target.returnValue !== '') {
// 用户明确调用了 close('xxx')
} else {
// ESC、点击遮罩、或 close() 无参调用
}
真正容易被忽略的是：如果 dialog 被反复打开又关闭，而你没重置 returnValue（比如设成 ''），上一次的值可能残留；建议每次 showModal() 前手动清空：dialog.returnValue = ''。
