前言
我们先来回忆一下,全局变量,系统会在页面关闭时进行释放占用的内存,函数局部变量,会在函数执行完毕时进行释放内存,这就是Js的垃圾回收机制.
内存管理
所有的语言,都需要处理这个过程,比如C语言,需要开发者进行手动,申请与释放内存,Javascript,自动帮我们做了内存管理,完成了整个内存管理生命周期,让开发者专注于业务逻辑本身,同样也开发者造成,可以不关心内存管理假象.
- 分配你所需要的内存
- 使用分配到的内存(读、写)
- 不需要时将其释放\归还
内存泄漏
当一些不再被需要的内存,由于某种原因,无法被释放.就会造成内存泄漏,导致程序性能变差,甚至崩溃.
可达性
垃圾回收的标准就是对象是否可达,变量是否能被引用
引用
对象{name:xxx}的内存地址,被a,b两个变量引用两次,当a被赋值为null,因为b还在引用,可达所以没有被回收
var a = { name: "小红"};
var b = a;
a.name = "小黑";
console.log(b)
a = null;
console.log(b)
b = null;
当test1()被执行,系统为obj分配内存,当函数执行完毕,内存被回收.当test2被执行obj也开辟了内存,但obj被返回结果 赋值给了b,成为了全局变量,不会被销毁
function test1 () {
var obj = {}
}
function test2 () {
var obj = {}
return obj
}
const a = func1()
const b = func2()
垃圾回收实现
引用清除(IE9之前采用)
变量声明以后被引用的次数,为 0 时,该变量内存被销毁
function test () {
var a = {} // a的引用计数为 0,
var b = a // a 被 b 引用 a引用计数为 1
let c = a // a 被 c 引用 a引用计数为 2
b = null // b 不再引用a a的引用计数减为 1
c = null // c不再引用a a的引用计数减为 0 将被回收
}
优点
- 即刻回收垃圾,当被引用数值为0时,就会立刻被回收
- 不用去遍历堆里面的所有活动对象和非活动对象
缺点
- 计数器需要占很大的位置,因为不能预估被引用的上限
- 最大的劣势是无法解决循环引用无法回收的问题
function problem(){
var a = new Object();
var b = new Object();
a.test = b;
b.test = a;
}
上面a,b互相引用,计数不会等于0,内存不会回收,重复调用,会占用大量内存
V8引擎里面 (现在基本采用,标记清除)
是浏览器中Javascript解析引擎V8采用,标记阶段:把所有活动对象做上标记,把没有标记(也就是非活动对象)销毁,
从全局作用域的变量,沿作用域逐层往里深度遍历,当发现被引用,打上标记,执行完毕,将没有被标记的变量内存,进行销毁
常见的内存泄漏
Foo 被调用时, this 指向全局变量(window),相当于与是全局变量,变量不会被回收
function test() {
this.test = "lala";
}
foo();
当节点被干掉,定时器还是会不停执行
setInterval(function() {
var node = document.getElementById('div');
if(node) {
node.innerHTML = "!......."
}
}, 5000);
闭包
计数器
既实现递增,又不污染全局环境, 子函数引用父函数变量num,父函数执行完毕num不会被回收, 当子函数执行完毕返回赋值最外层全局环境变量add,记录状态, 这其实也是内存泄露案例
var add = (function () {
var num = 0;
return function () {
return ++num;
};
})();
console.log(add());
console.log(add());
console.log(add());
关闭内存管理
- 一般栈存放(基本类型的值)不会泄漏,堆存放(引用类型的值是对象)才会造成泄漏
- 一般小内存泄露不会对程序造成影响,但是大型项目,防止积少成多,养成良好编程习惯