js中垃圾回收机制与内存管理/泄漏之间的联系

垃圾回收

javascript垃圾回收机制原理，通过自动内存管理实现内存分配和闲置资源回收；
基本的思路很明确：确定哪个变量不再使用，然后释放它的内存；并且这个过程是周期性的，每隔一段时间自动执行；
垃圾回收程序的主要的标记策略：标记清理和引用计数；

(1).标记清理; 最常使用

标记分为俩个：进入环境和离开环境；
垃圾回收机制会给存储在内存中的所有变量都加上“进入环境”的标记，然后，它会去掉处在环境中的变量及被环境中的变量引用的变量标记（闭包）；而在此之后剩下的带有标记的变量被视为准备删除的变量，即带有"离开环境”的标记（已经无法访问到此变量）；最后垃圾回收机制到下一个周期运行时，将释放这些变量的内存，回收它们所占用的空间；

(2).引用计数

其思路是每个值都记录它被引用的次数；
声明一个变量并给它赋一个引用的值时，这个值的引用数为1；如又赋予另一个值，引用数+1，反正被覆盖则减一；当一个值的访问数为0时，就说明咩办法访问到这个值，因此可收回其内存，等待下一个垃圾回收程序时清理；
引用计数存在一个严重的问题：即循环引用；

性能

垃圾回收会周期性运行，如内存分配很多的变量，则可能造成性能的损失，因此垃圾回收的调度很重要；尤其是在移动的设备上，垃圾回收有可能明显拖慢渲染的速度和帧频率；所有最好做到的一点是：无论何时开始收集垃圾，都做到最少或尽快的结束工作；

内存管理

内存的分配机制：移动端浏览器(最少) < 浏览器 < 桌面的软件(最多)；
将内存的占用量保持在一个较小的值可以让页面的性能更好；优化的最佳手段是只保存必要的值，如数值不再必要，那么把它设置为null，从而释放其引用，也叫解除引用；

1.通过const和let声明提升性能

都为块的作用域，相比于var，这俩个关键字的声明可以更加的让垃圾回收程序介入到其中；

2.隐藏类与删除类的操作

这里所说的是共享一个隐藏类的对象性能会更加的好，但是添加或删除都会生成俩个不同的隐藏类，从而影响性能；如下所示：

function Article() {
	this.title = 'Inauguration Ceremony Features Kazoo Band';
	this.content = 'content.......'
} 
let a1 = new Article();
let a2 = new Article();

让这两个类实例共享相同的隐藏类，因为这两个实例共享同一个构造函数和原型。但是添加/删除值：

a2.author = 'Jake'; // 添加
delete a1.content; // 删除

此时两个 Article 实例就会对应两个不同的隐藏

解决方案就是避免JavaScript的“先创建再补充”（ready-fireaim）式的动态属性赋值，并在构造函数中一次性声明所有属性，如下所示：

function Article(opt_author) {
	this.title = 'Inauguration Ceremony Features Kazoo Band';
	this.author = opt_author;
} 
let a1 = new Article();
let a2 = new Article('Jake');

3.内存泄漏

这里所说的内存泄漏通俗的讲就是：就是不使用的变量无故的占用内存；
（1）全局变量造成的内存泄漏

（2）定时器

let name = 'Jake';
setInterval(() => { 
  console.log(name); // 定时器存在，name就一直存在
}, 100);

（3）闭包
这里创建了一个内部的闭包，会导致分配给name的内存泄漏

let outer = function() {
	let name = 'Jake';
	return function() {
		return name;
	};
};

参考的文章：

可点击查看谈谈js的回收机制

这里面介绍了es6中提到的弱引用WeakMap，不计入垃圾回收机制:点击跳转查看

V8引擎的回收机制：点击跳转查看

V8引擎的详解概述：点击跳转查看

v8引擎，nodejs，NPM之间的关系点击跳转查看