console.log() 对 Error 对象的输出行为是环境特化的调试优化：浏览器和 Node.js 均会特殊处理 Error 实例，优先展示可读性更强的错误摘要（如 ReferenceError: xxx is not defined），而非默认展开其属性与方法；这并非丢失数据，而是格式化策略差异所致。
`console.log()` 对 `error` 对象的输出行为是环境特化的调试优化：浏览器和 node.js 均会特殊处理 `error` 实例，优先展示可读性更强的错误摘要（如 `referenceerror: xxx is not defined`），而非默认展开其属性与方法；这并非丢失数据，而是格式化策略差异所致。
在 JavaScript 开发中，console.log() 的输出表现看似简单，实则高度依赖运行时环境的内部实现机制。当你执行：
const obj = {
name: "Mike",
add: function (a, b) { return a + b; }
};
console.log(obj); // ✅ 展开为可交互对象树（Chrome/Firefox/Node.js）控制台会以结构化方式呈现该普通对象的所有自有属性、方法，支持点击展开/折叠。但当捕获并打印错误对象时：
try {
nonExistentVariable;
} catch (err) {
console.log(err); // ❗ 显示类似 "ReferenceError: nonExistentVariable is not defined"
}你看到的却是一行紧凑的错误摘要——这不是 err 缺少属性，而是 console.log() 主动选择了更利于调试的信息呈现方式。
根本原因：环境定制化的格式化逻辑
console.log() 并非简单调用 JSON.stringify() 或 Object.keys()。它底层委托给各环境的专用格式化器：
在 Node.js 中：console.log() 调用 util.format()，最终通过 util.inspect() 处理对象。而 util.inspect() 对 instanceof Error 的实例有专门分支逻辑：优先提取 err.name、err.message、err.stack 组合成易读字符串，忽略其他自有属性（如自定义添加的 code 或 timestamp），除非显式启用 showHidden: true。
在浏览器中（Chrome、Firefox、Safari）：虽无公开 API 文档，但行为一致：对 Error 对象默认渲染为「错误摘要行 + 可展开详情面板」。点击该行后，仍可查看完整的 err 属性（message, name, stack, 甚至 cause 或自定义字段）。
验证：Error 对象本身完全包含所有属性
你可以主动检查 err 的真实结构：
try {
throw new Error("Custom error");
} catch (err) {
console.log("err instanceof Error:", err instanceof Error); // true
console.log("err.message:", err.message); // "Custom error"
console.log("err.name:", err.name); // "Error"
console.log("err.stack:", err.stack); // 包含堆栈跟踪
console.dir(err); // ? 强制以对象树形式展开（等价于 console.log({ ...err })）
}✅ console.dir(err) 是关键替代方案：它绕过特殊格式化，强制以标准对象视图输出所有可枚举和不可枚举属性（包括 stack）。
进阶技巧：自定义 Error 类与调试友好输出
若需在日志中同时保留摘要与结构，可封装统一处理逻辑：
function logError(err) {
console.group(`%c${err.name}: ${err.message}`, "color: #d32f2f; font-weight: bold;");
console.log("Full object:", err);
console.log("Stack trace:", err.stack);
console.groupEnd();
}
// 使用示例
try {
JSON.parse("{invalid}");
} catch (err) {
logError(err); // 分组显示，兼顾可读性与完整性
}注意事项与最佳实践
- ❌ 不要误判 console.log(err) 的简洁输出为“对象不完整”——err 仍是标准 Error 实例，所有属性均可用。
- ✅ 调试时优先使用 console.dir(err) 或 console.table(Object.getOwnPropertyDescriptors(err)) 查看全量属性。
- ✅ 在生产环境日志中，应显式提取 err.name、err.message、err.stack 上报，避免依赖 console.log() 的环境特定行为。
- ⚠️ 自定义 Error 子类时（如 class ValidationError extends Error），确保调用 super(message)，否则 name 和 message 可能丢失。
理解这一机制，能帮你更精准地诊断问题，也避免在跨环境开发中因日志表现差异产生困惑——console.log() 的“智能”背后，是工程师为调试效率所做的深思熟虑。
