可通过递归调用Object.getPrototypeOf构建原型继承拓扑结构，需处理null终止、循环检测、属性归属判定及语义信息提取，并支持Mermaid、JSON等可视化输出。
可以通过递归调用 Object.getPrototypeOf，逐层向上提取原型对象，再结合构造函数名、constructor 属性和 isPrototypeOf 关系，构建出可视化的继承链或树状拓扑结构。关键在于终止条件、重复检测、属性归属判定和关系建模。
明确递归终止条件与边界处理
原型链终点是 null，这是唯一必须终止的节点。但需注意：
- 原生对象（如 Array、Date）的原型链最终也归于 null；
- 自定义类/函数的 prototype 对象可能被手动修改，导致链断裂或循环（如误设 A.prototype.__proto__ = A.prototype）；
- Object.create(null) 创建的对象没有 constructor 和默认原型，其 __proto__ 为 undefined，应直接视为叶节点。
建议在递归中始终用 Object.getPrototypeOf(obj) === null 判定终止，并提前检查输入是否为 null 或非对象类型（如原始值），避免 TypeError。
收集每层原型的元信息用于拓扑建模
仅获取原型引用不够，还需提取可标识、可比较、可渲染的语义信息：
- 构造函数名：通过 proto.constructor?.name || '(anonymous)' 获取；
- 是否内置对象：检查 proto.constructor === Array 等全局构造器，或用 proto.toString() === '[object Array]' 辅助判断；
- 是否为 Object.prototype：用 proto === Object.prototype 精确比对；
- 自有属性与方法列表：用 Object.getOwnPropertyNames(proto) + Object.getOwnPropertySymbols(proto) 提取，区分“定义在此层” vs “继承而来”。
把这些信息组织成节点对象，例如：{ type: 'prototype', name: 'Array', level: 2, properties: ['push', 'pop'], isBuiltIn: true }
构建树状结构而非线性链（支持多继承模拟）
JavaScript 是单原型链，但一个构造函数的 prototype 可能被多个实例共享，而不同构造函数又可能共用同一原型（如混入模式）。要体现“拓扑”，可：
- 以目标对象为根，向上递归生成路径节点；
- 同时记录每个原型被哪些其他原型指向（即反向引用），形成有向图；
- 对每个原型节点，额外标注其 isPrototypeOf 的所有下游对象（需预先遍历或运行时缓存）；
- 若遇到已访问过的原型（循环原型链），标记为 isCyclic: true 并停止深入该分支。
示例片段逻辑：
function buildPrototypeGraph(obj, visited = new WeakMap()) {
if (!obj || typeof obj !== 'object') return null;
if (visited.has(obj)) return { node: obj, isCyclic: true };
visited.set(obj, true);
<p>const proto = Object.getPrototypeOf(obj);
const node = {
id: obj === Object.prototype ? 'Object.prototype' :
obj?.constructor?.name || 'unknown',
proto: proto,
ownKeys: [...Object.getOwnPropertyNames(obj), ...Object.getOwnPropertySymbols(obj)],
isNull: proto === null
};</p><p>if (proto !== null) {
node.parent = buildPrototypeGraph(proto, visited);
}</p><p>return node;
}
可视化输出与实用增强技巧
生成结构后，可用多种方式呈现：
- 控制台树形打印：用 console.group() + console.log() 展开层级；
- 生成 Mermaid 语法字符串，粘贴到支持渲染的编辑器中快速出图；
- 输出为 JSON，供前端图形库（如 D3.js 或 Graphviz Web）绘制；
- 添加颜色标记：内置原型用蓝色，自定义用绿色，Object.prototype 加粗高亮。
小技巧：
- 使用 Function.prototype.toString.call(obj.constructor) 区分箭头函数（无 prototype）与普通函数；
- 对 class 实例，obj.constructor.name 比 obj.__proto__.constructor.name 更准确反映类型；
- 避免依赖 __proto__，统一使用 Object.getPrototypeOf() 保证标准兼容性。
