优化复杂原型链的关键是让高频访问“不爬楼”，即把常用属性和方法提前落到实例上以缩短查找路径；具体包括构造函数中直接赋值只读属性、绑定或缓存原型方法、优先使用静态方法、WeakMap缓存动态结果，以及从源头控制链深、用组合替代多层继承。
优化复杂原型链的关键，不是消灭继承，而是让高频访问“不爬楼”——把常用属性和方法提前落到实例上，缩短查找路径。
构造函数里直接挂高频只读属性
每次访问 this.theme 或 this.apiBase 时，如果它们只定义在父类原型上，引擎就得一层层往上翻。在构造函数中显式赋值，等于把查找动作提前固化：
- 写成 this.theme = this.$parent?.theme || 'light'，而不是每次调用 getTheme()
- 配置类尤其适合：解构传入的 options 后直接挂到 this 上，比如 { timeout, baseUrl } = options; this.timeout = timeout;
- 注意前提：这些值确定不会被上级动态更新；否则会切断响应式联动
方法绑定或缓存引用
原型上的方法（如 this.handleClick）在事件循环或渲染帧中反复调用时，每次都要查链。提前绑定或缓存能跳过这一步：
- this.handleClick = this.handleClick.bind(this) —— 绑定后，调用直接执行，不触发原型查找
- 也可缓存为字段：this._render = super.render，适用于父类方法稳定、无需动态切换的场景
- 对纯工具方法（如格式化、校验），优先定义为静态方法，完全绕过实例和原型链
用 WeakMap 缓存动态推导结果
有些属性无法提前挂实（比如依赖上下文计算的主题色、权限状态），又不能每次都走深链查找。WeakMap 是安全高效的折中方案：
- 定义全局 const cache = new WeakMap()
- 首次访问时沿链计算并存入：cache.set(obj, computeValue(obj))
- 后续直接 cache.get(obj)，无原型遍历开销，且对象销毁后自动清理
- 适合组件实例、表单字段等生命周期明确的对象
从源头控制链深，优先组合替代继承
V8 对超过 4 层的原型链会逐步放弃内联缓存优化，性能下降明显。设计阶段就要克制分层冲动：
- 核心业务类建议 ≤2 层：实例 → 业务原型 → null
- 纯数据容器（如路由参数、临时映射）用 Object.create(null) 创建，彻底切断默认链，省掉最后一跳
- 避免为复用一两个方法新建继承层级；改用组合：this.formatter = new DateFormatter() 或私有字段 + 方法代理
- 多层 UI 组件链（如 Button ← IconButton ← BaseButton ← Component）是典型冗余，可抽离 emitter、validator 等能力为独立持有对象
不复杂但容易忽略：真正拖慢速度的往往不是嵌套本身，而是属性不在实例上、又不得不每次都向上翻好几层找。
