原型链是JavaScript属性查找机制而非高性能实现工具；优化关键在于控制链长、高频方法挂实例、只读配置一次性写入、纯数据容器用Object.create(null)、动态值用WeakMap缓存、原型深度≤2层。
原型链本身不是高性能数据结构的“实现工具”，而是 JavaScript 对象属性查找的底层机制。真正影响性能的是你如何组织对象、挂载属性、控制链长——换句话说，是“用原型链的方式去设计”，而不是“用原型链去造一个新结构”。关键在于让高频访问快、让查找路径短、让引擎不猜。
高频方法和配置直接挂实例
渲染方法、事件触发、校验逻辑这类被反复调用的函数，别依赖原型链查找。每次调用都走一遍链，开销虽小但积少成多。
- 构造时绑定：
this.render = this.render.bind(this)或用箭头函数this.handleClick = () => { ... } - 只读配置一次性写入：
Object.assign(this, { apiBase: '/v1', timeout: 5000 }) - 注意：挂实例后就脱离原型更新，适合静态值；若需响应式联动，得另配观察机制
纯数据容器用 Object.create(null)
路由映射表、i18n 词条缓存、props 解析结果等，本质只是键值对，不需要继承 toString、hasOwnProperty 等默认方法。
- 创建时用
const map = Object.create(null)，跳过Object.prototype这一跳 - 查属性改用
map[key] !== undefined，避免key in map触发原型链遍历 - V8 对零原型对象有哈希优化，读取速度接近数组索引
动态计算值用 WeakMap 缓存
主题色、权限状态、格式化日期这类依赖上下文的值，不能提前固化，又不能每次都重新算。
立即学习“Java免费学习笔记（深入）”；
- 定义全局缓存：
const cache = new WeakMap() - 首次访问时计算并缓存：
cache.has(this) ? cache.get(this) : cache.set(this, compute(this)) - WeakMap 不阻止垃圾回收，天然适配临时对象（如表单项、虚拟节点）
原型链深度严格控制在 2 层内
V8 的内联缓存（IC）在原型链超过 4 层后逐步失效，属性访问延迟可能从纳秒级升至数十纳秒。
- 推荐结构：实例 → 业务原型（自身也用
Object.create(null)创建）→ null - 避免抽象基类堆叠（如 Base → Widget → Renderable），改用组合：
this.emitter = new EventEmitter() - CI 中加入检查脚本，拦截
obj.__proto__.__proto__.__proto__深度 ≥ 3 的提交
不复杂但容易忽略：优化原型链性能，本质是帮引擎做对的事——让它每次都能在最短路径里命中目标。
