js内存管理-隐藏类和删除操作

hidden class 隐藏类

对于动态类型语言来说，由于类型的不确定性，在方法调用过程中，语言引擎每次都需要进行动态查询，这就造成大量的性能消耗，从而降低程序运行的速度。大多数的Javascript 引擎会采用哈希表的方式来存取属性和寻找方法。而为了加快对象属性和方法在内存中的查找速度，V8引擎引入了隐藏类(Hidden Class)的机制，起到给对象分组的作用。在初始化对象的时候，V8引擎会创建一个隐藏类，随后在程序运行过程中每次增减属性，就会创建一个新的隐藏类或者查找之前已经创建好的隐藏类。每个隐藏类都会记录对应属性在内存中的偏移量，从而在后续再次调用的时候能更快地定位到其位置。

function Person(name, age) {
    this.name = name;
    this.age = age;
}

var xiaoming = new Person("gl", 32);
var lisi = new Person("lisi", 20);

xiaoming.email = "[email protected]";
xiaoming.job = "teacher";

lisi.job = "chef";
lisi.email = "[email protected]";

观察以上代码，当初始化Person对象的时候， 最开始会创建一个C0的隐藏类,该类不带有任何属性。随后在调用构造器函数的时候，随着属性的增加，引擎会生成C1，C2的过渡隐藏类，隐藏类内部会记录属性的偏移量（offset)。之所以存在过渡隐藏类是为了在多个对象间能够共享隐藏类。

这里，注意到gl和lisi两个对象使用的是同一个构造函数，所以它们会共享同一个隐藏类C2。随后虽然gl和lisi两个对象都添加了job和email两个属性，但由于初始化顺序不同，会生成不同的隐藏类。

不同初始化顺序的对象，所生成的隐藏类是不一样的。解决方案就是避免javascript的‘先创建在补充（ready-fire-aim）’式的动态属性赋值，并在构造函数中一次性声明所有属性。

function Article(opt_author) {
  this.title = 'there is no other side of the world of mortals';
  this.author = opt_author;
}

let a1 = new Article();
let a2 = new Article('Jake');

不过，要记住，使用delete关键字会导致生成相同的隐藏类片段。

function Article(opt_author) {
  this.title = 'there is no other side of the world of mortals';
  this.author = opt_author;
}

let a1 = new Article();
let a2 = new Article('Jake');

delete a1.author;

在代码结束后，即使两个实例使用同一个构造函数，，他们也不再共享有个隐藏类。动态删除属性和动态添加属性导致的后果一样。最佳实践就是把不想要的属性设置为null。达到删除引用值供垃圾回收程序回收效果。