JavaScript引擎通过隐藏类优化对象性能，动态增删属性会导致降级；应使用构造函数或class在初始化时声明所有属性，避免运行时修改形状，同构合并更安全。

JavaScript引擎（如V8）会对对象的结构进行内联缓存和隐藏类（Hidden Class）优化。一旦对象的属性被动态增删或顺序频繁变化，引擎会降级处理，导致性能下降。保持对象结构稳定是提升运行时性能的关键实践之一。

使用构造函数或工厂函数统一初始化属性

在对象创建时就定义好所有可能用到的属性（即使初始值为null或undefined），避免后续用obj.newProp = value动态添加。

• ✅ 推荐：构造函数中提前声明全部字段
• ❌ 避免：先创建空对象，再逐步赋值不同属性

避免在循环或高频函数中修改对象形状

例如，在forEach、事件回调或动画帧中反复给同一对象添加/删除属性，会触发多次隐藏类切换，使内联缓存失效。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

• 把结构变化移到初始化阶段，运行时只更新值
• 若需多种形态，考虑用多个专用对象类型，而非复用一个对象反复变形

慎用Object.assign、展开运算符合并不一致结构的对象

合并两个属性集差异大的对象（如{a: 1}与{b: 2, c: 3}）会产生新形状，影响后续对结果对象的操作性能。

• 同构对象合并（属性名、顺序、数量一致）相对安全
• 异构合并后，建议立即冻结结构（如Object.freeze）或转为新类型处理

利用class明确声明实例结构

class语法天然鼓励在constructor中初始化固定字段，且现代引擎对其优化更成熟。

• 即使不使用继承，也优先用class代替纯对象字面量管理复杂状态
• 避免在class方法中用this.xxx = ...引入未声明的新属性

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