原生 <dialog> 元素关闭时不返回值，需通过 returnValue 属性手动设置并读取；该属性仅支持字符串类型，结构化数据需 JSON 序列化；Safari 16.4 前及部分 WebView 不支持，应提供兼容方案。
dialog 元素本身不提供关闭时的返回值
原生 <dialog> 标签没有类似 window.showModalDialog() 那样直接返回值的机制，点击 close() 或按 Esc 后，closed 事件只通知“关了”，不带任何数据。想传结果，必须手动绑定逻辑。
用 returnValue 属性配合 close() 显式赋值
<dialog> 实例有个可读写的 returnValue 属性，它不会自动影响行为，但你可以在调用 close() 前设好，之后通过 dialog.returnValue 读取——这是唯一被规范支持的“返回值”通道。
常见错误：直接在 click 事件里调用 close() 却没提前设 returnValue，导致后续读出来是空字符串。
- 点击确认按钮时：
confirmBtn.addEventListener('click', () => { myDialog.returnValue = 'confirmed'; myDialog.close(); }); - 点击取消或遮罩层时：
myDialog.addEventListener('click', (e) => { if (e.target === myDialog) { myDialog.returnValue = 'canceled'; myDialog.close(); } }); - 监听关闭后读取：
myDialog.addEventListener('close', () => { console.log('用户选择：', myDialog.returnValue); // 'confirmed' 或 'canceled' });
注意 returnValue 类型始终是字符串
即使你赋值 true、42 或对象，returnValue 也会被强制转成字符串（例如 dialog.returnValue = { ok: true } → '[object Object]'）。需要结构化数据时，得自己序列化：
立即学习“前端免费学习笔记（深入）”；
- 传 JSON 字符串：
dialog.returnValue = JSON.stringify({ status: 'success', id: 123 }); - 接收时解析：
dialog.addEventListener('close', () => { try { const result = JSON.parse(dialog.returnValue); } catch (e) { // 处理非 JSON 情况 } }); - 不要依赖
returnValue传函数、DOM 节点等无法序列化的值
兼容性与 fallback 必须考虑
<dialog> 在 Safari 中直到 16.4 才支持 returnValue，旧版本 Safari 和部分安卓 WebView 会静默忽略该属性。如果目标环境不可控，别把业务逻辑绑死在这个属性上。
更稳妥的做法是：在关闭前，把结果写入一个外部变量、触发自定义事件、或更新某个全局状态对象，而不是只依赖 dialog.returnValue。
容易被忽略的是：close() 是同步的，但 close 事件是异步触发的；如果你在 close() 后立刻读 returnValue，能读到，但若依赖 close 事件回调里的逻辑，就得确保事件监听器已注册完毕。
