性能问题原因
- 多层查找开销：原型链是一种链式结构，当访问一个对象的属性时，如果该对象本身没有此属性，JavaScript 引擎需要沿着原型链一层一层向上查找，直到找到该属性或到达原型链顶端（
null）。在大型应用中，原型链可能会很长，这种多层查找会带来较大的性能开销。
- 动态性与缓存失效：JavaScript 的原型链是动态的，对象可以在运行时修改其原型。这意味着 JavaScript 引擎难以对原型链属性查找进行有效的缓存优化。每次属性查找都可能因为原型链的动态变化而需要重新遍历，进一步降低了性能。
优化方案
- 对象字面量直接定义属性
- 原理：直接在对象字面量中定义属性，访问属性时无需经过原型链查找，直接在对象自身的属性列表中就能找到，大大减少了查找步骤，提高了访问速度。
- 适用场景：适用于那些属性相对固定，不需要共享行为和数据的对象。例如，配置对象通常只包含特定的键值对，不需要通过原型链共享属性和方法，使用对象字面量定义最为合适。
// 使用对象字面量定义属性
const config = {
apiUrl: 'https://example.com/api',
debug: false
};
- 使用
Object.create 并预先设置原型
- 原理：
Object.create 方法创建一个新对象，新对象的原型可以指定为另一个对象。通过预先设置好原型，并且避免在运行时频繁修改原型，可以让 JavaScript 引擎对原型链查找进行一定程度的优化。同时，新对象如果有自己独有的属性，直接定义在新对象上，优先访问自身属性，减少原型链查找。
- 适用场景：适用于需要创建多个具有相同原型的对象，并且原型不会频繁变动的场景。比如，创建多个具有相同行为的视图组件对象，这些对象可以共享原型上的方法，但各自有独立的数据属性。
// 创建一个原型对象
const baseObject = {
sharedMethod: function() {
console.log('This is a shared method');
}
};
// 使用 Object.create 创建新对象，并以 baseObject 为原型
const newObject1 = Object.create(baseObject);
newObject1.data = 'unique data for newObject1';
const newObject2 = Object.create(baseObject);
newObject2.data = 'unique data for newObject2';
- 类和实例属性的合理分配
- 原理：在使用 ES6 类进行对象创建时，将公共方法定义在类的原型上，而将每个实例独有的数据属性定义在构造函数内部。这样，公共方法通过原型链共享，而实例属性直接在实例对象上访问，避免不必要的原型链查找。
- 适用场景：广泛适用于基于类的编程模式，特别是在创建大量相似对象时。例如，创建游戏中的角色对象，角色的行为（如移动、攻击等方法）可以定义在类的原型上，而每个角色的生命值、攻击力等实例数据定义在构造函数内。
class Character {
constructor(health, attackPower) {
// 实例属性
this.health = health;
this.attackPower = attackPower;
}
// 原型方法
attack() {
console.log(`Attacking with power ${this.attackPower}`);
}
}
const player1 = new Character(100, 20);
const player2 = new Character(120, 25);
