JavaScript递归处理复杂图结构需防止环导致的死循环和栈溢出：用WeakMap/Set标记已访问节点，传depth参数限制递归深度，优先采用显式栈迭代替代函数递归，并按实际目标（如连通分量、最短路径）选择合适遍历策略。
JavaScript递归处理复杂图结构，核心在于识别图与树的本质差异——图可能存在环、多路径、无固定根节点，而递归天然倾向树形单向遍历。直接套用树的递归逻辑极易陷入死循环或重复访问。因此，关键不是“能不能递归”，而是“如何安全地递归”。
必须加访问标记，防止环状引用导致无限调用
图中节点可能互相指向（如 A→B→C→A），若仅靠 if (node.neighbors) 就递归，函数会不断绕圈直至栈溢出。正确做法是用 WeakMap 或 Set 记录已访问节点：
- 用
WeakMap存储对象节点及其状态（适合节点为普通对象） - 用
Set存 ID 字符串（适合节点带唯一id字段） - 每次进入节点前先检查是否已访问，是则跳过
显式控制递归深度，避免栈溢出
真实业务图（如社交关系网、依赖图、AST 抽象语法树）可能极深。即使无环，过深递归也会触发 RangeError: Maximum call stack size exceeded。应主动传入 depth 参数并设阈值：
- 初始调用时设
maxDepth = 50（根据业务合理设定） - 每深入一层，
depth++；到达阈值立即return或抛错提示 - 比单纯依赖浏览器默认栈限制更可控、更可测
优先考虑迭代替代，用栈模拟递归流程
对大型或不可信图数据，推荐用显式栈（Array）代替函数调用栈：
立即学习“Java免费学习笔记（深入）”；
- 初始化
const stack = [{ node: startNode, depth: 0 }] - 循环
while (stack.length)，每次pop()一个项处理 - 将未访问邻居以
{ node: neighbor, depth: current.depth + 1 }推入栈 - 完全规避调用栈风险，且便于插入日志、中断、暂停等调试能力
区分图遍历目标，选择递归粒度
不是所有图操作都适合全量递归。应按实际需求裁剪：
- 查连通分量：需全局遍历，必须配合访问标记 + 深度控制
- 找两点间最短路径：递归易爆炸，更适合 BFS 迭代实现
- 拓扑排序：需检测环 + 入度统计，递归不直观，建议 Kahn 算法
- 渲染图可视化节点：可限制只展开 2–3 层，用递归生成 DOM 更简洁
