alert()不能传递对象，只能显示字符串，传入对象会显示[object Object]；需用JSON.stringify()序列化或改用console.log、、SweetAlert2等替代方案。
HTML alert() 不能传递对象，只能显示字符串
alert() 是浏览器原生的阻塞式对话框，它的参数会被强制调用 toString() 转换为字符串。传入对象（比如 {name: "Alice", age: 30}）时，你只会看到 [object Object]，而不是实际内容。
这不是 bug，是设计如此 —— 它只负责“提示”，不负责“结构化数据展示”。
- 传
alert({x: 1, y: 2})→ 显示[object Object] - 传
alert([1, 2, 3])→ 显示1,2,3（数组的默认toString()） - 传
alert(null)或alert(undefined)→ 分别显示null和undefined
想看对象内容？必须手动序列化
如果只是调试或临时查看，最直接的方式是用 JSON.stringify() 格式化输出：
const user = {name: "Alice", age: 30};
alert(JSON.stringify(user, null, 2)); // 换行缩进，可读性稍好
但要注意：
立即学习“前端免费学习笔记（深入）”；
-
JSON.stringify()会忽略函数、undefined、Symbol、循环引用属性 - 遇到循环引用会直接抛错：
TypeError: Converting circular structure to JSON - 中文等 Unicode 字符会被转义（如
"\u4f60\u597d"），加第三个参数null可避免（上面示例已体现）
真正需要“传对象”时，该用什么替代 alert()？
如果你的场景是：用户操作后要展示结构化数据（带字段名、支持复制、可展开）、或需要交互（如确认/取消）、或要渲染 HTML 内容 —— alert() 从根源上就不合适。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
推荐方案：
- 开发阶段：用
console.log(user)，支持点击展开对象树，最高效 - 轻量 UI 替代：用
document.createElement+innerHTML插入一个浮动<div>，里面放 <code><pre class="brush:php;toolbar:false;"></code> 包裹 <code>JSON.stringify(...)</code></li> <li>生产环境弹窗：用 <code>dialog</code> 元素（现代浏览器支持）或成熟库如 <code>swal</code>（<code>Sweetalert2</code>），它们接受 HTML 字符串或 DOM 节点作为内容</li> </ul> <p>例如用原生 <code><dialog></code>：</p> <pre class="brush:php;toolbar:false;"><dialog id="debugDialog"> <pre class="brush:php;toolbar:false;" id="debugContent"></pre> <button onclick="this.closest('dialog').close()">Close</button> <script> const user = {name: "Alice", age: 30}; document.getElementById("debugContent").textContent = JSON.stringify(user, null, 2); document.getElementById("debugDialog").showModal(); </script><h3>为什么别封装 “alertObject()” 函数？</h3> <p>有人会写一个包装函数，比如：</p> <pre class="brush:php;toolbar:false;">function alertObject(obj) { alert(JSON.stringify(obj)); }</pre> <p>看似方便，但问题明显：</p> <ul> <li>掩盖了 <code>alert()的原始限制，新人误以为“对象真能传进去” - 无法处理函数、Date、RegExp 等非纯 JSON 类型（
JSON.stringify(new Date())返回字符串，但失去类型信息） - 一旦后续要加复制按钮、折叠字段、高亮 key，这个函数立刻失效，还得重写
真正值得投入时间的，是选一个可扩展的轻量弹窗方案，而不是给 alert() 打补丁。
对象不是不能“传递”，而是不能靠 alert() 传递 —— 这个边界得先认清楚。
