网站首页 > 教程文章 正文
引出我们的主角
我们先来回忆一下,全局变量,系统会在页面关闭时进行释放占用的内存,函数局部变量,会在函数执行完毕时进行释放内存,这就是今天我们的主角: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()
介绍一下垃圾回收实现的两种常用的方法:
1、引用清除(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,内存不会回收,重复调用,会占用大量内存
2、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());
关闭内存管理
- 一般栈存放(基本类型的值)不会泄漏,堆存放(引用类型的值是对象)才会造成泄漏
- 一般小内存泄露不会对程序造成影响,但是大型项目,防止积少成多,养成良好编程习惯
猜你喜欢
- 2025-07-27 8个前端面试的题目(前端面试题2020及答案 知乎)
- 2025-07-27 深入理解Node.js中的垃圾回收和内存泄漏的捕获
- 2025-07-27 网易+腾讯+阿里,前端工程师面经!30K果然不是很好拿
- 2025-07-27 go errgroup 获取gorouting错误信息
- 2025-07-27 盛趣游戏unity客户端面试(盛趣游戏招聘岗位)
- 2025-07-27 Swift 性能探索和优化分析(swift运行效率)
- 2025-07-27 「前端开发」eval() 函数认知和学习以及注意事项
- 2025-07-27 解锁C++灵魂:函数指针场景及实例(c++函数指针和指针函数)
- 2025-07-27 2021 年 Node.js 开发人员学习路线图
- 2025-07-27 跨越十年的C++演进:C++11新特性全解析
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)