[[Prototype]]链与类型系统的联系
- 原型继承机制：在JavaScript中，每个对象都有一个内部属性[[Prototype]]，它指向另一个对象。这个链接构成了原型链。当访问对象的属性或方法时，如果对象自身没有该属性或方法，JavaScript会沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端（
null）。例如：
function Animal() {}
Animal.prototype.speak = function() {
console.log('I am an animal');
};
function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
let myDog = new Dog();
myDog.speak(); // 输出 'I am an animal'，从Animal的原型中找到speak方法
- 类型系统关联：JavaScript是一种基于原型的弱类型语言。类型系统中的基本类型（如
string、number、boolean、null、undefined）和对象类型紧密相关。例如，基本类型值在访问属性或方法时，会临时转换为对应的包装对象（如String、Number、Boolean），这些包装对象也遵循原型链机制。如：
let str = 'hello';
console.log(str.length); // 'hello'临时转换为String包装对象，通过原型链访问length属性
优化代码性能与内存使用
- 减少属性查找次数：理解原型链可以帮助我们优化属性查找。尽量将经常访问的属性定义在对象自身而不是原型链深处，这样可以减少查找时间。例如：
function Person() {
this.name = 'John';
// 这里直接定义在对象自身，访问更快
}
Person.prototype.age = 30;
let person = new Person();
// 访问name比访问age更快，因为name在对象自身
- 合理使用原型方法：将方法定义在原型上而不是构造函数内部，这样可以避免每个实例都创建一份相同的方法副本，节省内存。例如：
function Car() {}
Car.prototype.drive = function() {
console.log('Driving');
};
let car1 = new Car();
let car2 = new Car();
// car1和car2共享drive方法，节省内存
ES6及之后新特性对内存管理的优化
- WeakMap：
- 优化策略：WeakMap的键是弱引用的，当键对象不再有其他引用时，垃圾回收机制可以回收该键对象及其关联的值，从而避免内存泄漏。例如，当一个DOM元素作为键，关联一些数据时，当DOM元素从页面移除且没有其他引用时，WeakMap不会阻止其被回收。
- 应用场景：常用于缓存DOM元素相关的数据，或者当你需要临时关联数据，而又不希望阻止对象被回收的场景。比如在一个UI库中，用WeakMap来存储每个DOM元素的自定义状态。
let weakMap = new WeakMap();
let domElement = document.createElement('div');
weakMap.set(domElement, { data: 'Some data' });
domElement = null; // 此时domElement可以被垃圾回收，WeakMap不会阻止
- WeakSet：
- 优化策略：WeakSet存储的对象是弱引用的，和WeakMap类似，当对象不再有其他引用时，垃圾回收机制可以回收该对象，避免内存泄漏。
- 应用场景：常用于需要跟踪一组对象，但又不希望阻止这些对象被回收的场景。例如，在一个模块加载器中，用WeakSet来跟踪已经加载的模块，当模块不再被引用时，可以被回收。
let weakSet = new WeakSet();
let obj = {};
weakSet.add(obj);
obj = null; // 此时obj可以被垃圾回收，WeakSet不会阻止
