javascript内存泄漏问题

标签： Javascript 分类： Javascript 创建时间：2022-09-19 13:27:24 更新时间：2025-01-20 09:45:25

1.可能引起内存泄漏的地方：

(1) 全局变量
(2) 被遗忘的定时器和回调函数
(3) DOM引用
(4) 闭包

参考文章:
1.彻底掌握js内存泄漏以及如何避免什么是内存泄漏，以及内存泄漏的常见场景及其解决方式。
2.避免内存泄漏 vue中给出了一个示例，如何产生内存泄漏，以及如何避免内存泄漏问题。

2.谷歌浏览器调试

这里推荐一个Gmail团队也在用的 “three snapshot”技巧：

1.打开DevTools, 切换至Memory面板
2.先记录一个堆内存快照
3.在你的页面上执行可能发生泄漏的操作
4.再记录一个堆内存快照
5.重复执行多几遍步骤3
6.最后记录一个堆内存快照
7.选择最后一个堆内存快照，找到顶栏的“All objects”, 切换至”Objects allocated between snapshots 1 and 2”（也可以对2，3执行同样的操作）过滤出两份快照之间新分配的对象
8.切换后，你就能看到两个快照之间新生成的对象。你可以选择其中一项点开，看看它的retaining tree里面保留了哪些对象没有释放。

参考文章:
1.手把手教你排查Javascript内存泄漏
2.JavaScript 内存泄漏防范之道 1、意外的全局变量；2、闭包；3、定时器；4、事件监听器；5、缓存；6、分离的 DOM 元素；

3.火狐浏览器调试

参考文章:
1.

往期推荐

文章目录

微信公众号

广告位

诚心邀请广大金主爸爸洽谈合作

每日一省

isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

每日二省

为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

每日三省

== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

每日英语

Happiness is time precipitation, smile is the lonely sad.

幸福是年华的沉淀，微笑是寂寞的悲伤。