1. 构造函数和原型方法在内存分配方面的性能特点
- 构造函数：
- 每次通过构造函数创建新实例时，实例会为构造函数中定义的属性和方法分配独立的内存空间。例如：
function Person(name) {
this.name = name;
this.sayHello = function() {
console.log(`Hello, I'm ${this.name}`);
};
}
let person1 = new Person('Alice');
let person2 = new Person('Bob');
- 这里 `person1` 和 `person2` 都有自己独立的 `name` 属性和 `sayHello` 方法的副本，导致内存浪费，特别是对于方法来说，每个实例都重复存储相同的函数代码。
- 原型方法：
- 原型方法存储在构造函数的
prototype 对象上，所有实例共享这些原型方法。例如：
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log(`Hello, I'm ${this.name}`);
};
let person1 = new Person('Alice');
let person2 = new Person('Bob');
- `person1` 和 `person2` 共享 `Person.prototype.sayHello` 方法，节省了内存空间，因为方法只在内存中存在一份。
2. 构造函数和原型方法在函数调用机制方面的性能特点
- 构造函数：
- 函数调用时，由于每个实例都有自己的方法副本，调用方法时直接在实例自身的作用域内查找方法，相对简单直接，但因为每个实例都有方法副本，函数调用时的额外开销在于每个实例方法的创建和维护。
- 原型方法：
- 当调用原型方法时，JavaScript 引擎需要沿着原型链查找该方法。例如
person1.sayHello()，引擎首先在 person1 实例自身查找 sayHello 方法，找不到则到 Person.prototype 中查找。这一查找过程会带来一定的性能开销，不过现代 JavaScript 引擎对此进行了优化。
3. V8 引擎针对构造函数和原型方法性能的优化
- 隐藏类（Hidden Classes）：
- V8 引擎使用隐藏类来优化对象属性的访问。当通过构造函数创建对象时，V8 会为对象分配一个隐藏类。如果后续对象的属性结构保持一致，V8 可以利用隐藏类信息快速定位属性，提高属性访问性能。例如：
function Point(x, y) {
this.x = x;
this.y = y;
}
let p1 = new Point(1, 2);
let p2 = new Point(3, 4);
- V8 会为 `Point` 实例创建隐藏类，使得 `x` 和 `y` 属性的访问更高效。对于原型方法，同样基于隐藏类机制，快速定位到原型上的方法。
- 内联缓存（Inline Caches）：
- 对于原型方法调用，V8 使用内联缓存技术。当一个对象首次调用原型方法时，V8 会在调用点记录该方法的地址（即缓存）。如果后续相同类型的对象再次调用该方法，V8 可以直接从缓存中获取方法地址并调用，避免了原型链查找的开销。例如：
function Animal() {}
Animal.prototype.eat = function() {
console.log('Eating...');
};
let dog = new Animal();
let cat = new Animal();
dog.eat(); // 首次调用，V8 缓存 eat 方法地址
cat.eat(); // 后续调用，直接从缓存获取地址，提高性能
4. 对开发者编写高效代码的启示
- 合理使用原型方法：由于原型方法共享内存，对于所有实例通用的行为，应尽量定义为原型方法，减少内存占用。
- 保持对象结构一致：在构造函数中初始化对象时，尽量保持实例的属性结构一致，以便 V8 引擎能够充分利用隐藏类优化属性访问性能。
- 避免动态修改对象结构：频繁动态添加或删除对象属性会破坏隐藏类的优化效果，降低性能。例如：
function Car() {
this.color ='red';
}
let myCar = new Car();
// 尽量避免以下动态添加属性的操作
myCar.newFeature = 'autopilot';
- 理解内联缓存机制：编写代码时，要意识到内联缓存依赖于对象类型的一致性。如果频繁创建不同结构的对象并调用方法，内联缓存的优化效果会大打折扣。所以尽量保证相同类型对象的方法调用模式稳定。
