alert() 返回 undefined，无法记录用户选择；应改用 confirm()（返回布尔值）、prompt()（返回字符串）或自定义 dialog（事件监听+localStorage 存储），注意兼容性与降级处理。
JavaScript 的 alert() 无法获取用户选择
直接用 alert() 弹出的警告框，只有“确定”一个按钮，浏览器不提供任何返回值——它总是返回 undefined，根本没法知道用户点了什么（其实也没得选）。所以别指望靠它记录行为或做分支逻辑。
真正需要“记录选择”的场景，必须换用可交互、有明确返回值的方案：
-
confirm()：返回true（确定）或false（取消），适合二选一确认 -
prompt()：返回用户输入的字符串（可能为空或null），适合简单文本采集 - 自定义模态框（如
dialog元素或第三方库）：完全可控，推荐用于复杂交互
用 confirm() + localStorage 记录布尔选择
如果只是“是否删除”“是否保存”这类是/否判断，confirm() 最轻量。它阻塞执行，用户点完才继续，方便立刻存本地：
const userConfirmed = confirm("确定要删除这条记录吗？");
if (userConfirmed) {
localStorage.setItem("lastDeleteAction", "confirmed");
} else {
localStorage.setItem("lastDeleteAction", "canceled");
}
注意点：
-
localStorage只能存字符串，true/false会自动转成"true"/"false" - 若需还原为布尔值，读取时用
JSON.parse(localStorage.getItem("key"))或手动判断 - 用户清空缓存后数据即丢失，别存敏感信息
自定义弹窗更可靠，但必须手动绑定事件
原生 confirm() 在移动端体验差、样式不可控，且部分浏览器（如 Safari iOS）会禁用或降级。真要记录选择并持久化，建议用 配合事件监听：
<dialog id="confirmDialog"><strong>确定要退出编辑吗？</strong> <button id="confirmBtn">确定</button> <button id="cancelBtn">取消</button> </dialog>
关键实操步骤：
- 用
dialog.showModal()替代confirm()弹出 - 给两个按钮分别加
click监听器，调用dialog.close("confirmed")或dialog.close("canceled") - 监听
dialog.close事件，在回调里用localStorage.setItem()存结果 - 务必在
dialog.close后再读取dialog.returnValue，否则是旧值
容易被忽略的兼容性与权限问题
localStorage 在无痕模式、某些 iOS 版本或启用了“阻止所有 Cookie”策略的浏览器中可能抛出 QuotaExceededError 或静默失败。不能假设它一定可用：
- 写入前先 try/catch 包裹，失败时降级到内存变量（
let lastChoice = null） - 不要依赖
localStorage做关键业务判断（比如权限校验），它纯属客户端辅助记录 -
dialog元素在旧版 Safari 中不支持，需检查"showModal" in HTMLDialogElement.prototype并 fallback
真实项目里，多数“记录用户选择”其实是为了后续分析或优化 UX，而不是功能必需——先确认这个前提，再决定要不要上存储逻辑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
