JavaScript 控制台中 console.log(obj) 显示的是对象展开时的实时状态，而非打印调用时刻的快照，导致观察图结构变更时出现“预期不符”的错觉。

javascript 控制台中 `console.log(obj)` 显示的是对象**展开时的实时状态**，而非打印调用时刻的快照，导致观察图结构变更时出现“预期不符”的错觉。

在实现图（Graph）数据结构时，开发者常通过 console.log(graph.adjacencyList) 调试邻接表状态。但你可能会遇到这样一种“诡异”现象：两次 console.log 输出看似结构相同（如都显示 dallas: Array(2)），但点击展开后，第一次日志里 tokyo 的数组却已为空——即使它本应在移除边之前包含 "dallas"。

这并非代码逻辑错误，而是浏览器 DevTools 控制台的延迟求值（lazy evaluation）机制所致：console.log 仅保存对象引用，而非深拷贝；当用户后续在控制台中展开该对象时，引擎才读取当前内存中的最新值。因此，若在两次 console.log 之间修改了 adjacencyList 中的数组（如 removeEdge 中的 .filter() 赋值），首次日志展开时看到的已是修改后的状态。

✅ 正确做法：使用 structuredClone() 创建结构化快照
该 API（现代浏览器及 Node.js v17.0+ 支持）可深度克隆普通对象、数组、Map、Set 等，完美捕获日志调用瞬间的精确状态：

// ✅ 安全调试：每次 log 都是独立快照
console.log(structuredClone(graph.adjacencyList)); // 状态 A（含 tokyo → ['dallas']）

graph.removeEdge("dallas", "tokyo");

console.log(structuredClone(graph.adjacencyList)); // 状态 B（tokyo → []）

⚠️ 注意事项：

Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

• 若需兼容旧环境（如 IE 或早期 Node.js），可用 JSON.parse(JSON.stringify(obj)) 替代，但不支持函数、undefined、Symbol、Date、RegExp、循环引用等；
• 切勿依赖 console.log({ ...graph.adjacencyList }) —— 展开语法仅浅拷贝顶层属性，内部数组仍为原引用；
• structuredClone 是目前最可靠、语义最清晰的调试快照方案，推荐作为图/树等动态数据结构开发的标准调试实践。

总结：控制台日志不是“时间机器”，而是“实时探针”。理解其引用行为，并主动使用 structuredClone 捕获瞬时状态，是编写可维护、可调试图算法的关键习惯。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南