foreach - JavaScript连写时为什么存在内存泄漏问题?
本文介绍了foreach - JavaScript连写时为什么存在内存泄漏问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
问题描述:
在一个搜索中发现了一个内存泄露的问题,如图所示:
搜索15次,内存由15MB上升到18MB,还是比较严重的。
问题排查
经过调试分析,最后定位到问题的大致位置:
function searchData() {
console.log('search');
var sc = {};
// 获取类名为fui-form下的所有mini控件,遍历将搜索条件形成下面的格式
// {
// "控件id":"控件值"
// }
mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
sc[item.id] = item.getValue();
});
console.log('搜索条件' + JSON.stringify(sc, 0, 4));
grid.load();
}
将其除grid.load()
之外的全部注释掉,搜索0次、1次、10次结果如下:
可以看出内存搜索次数的增加,内存是不增长的,不存在内存泄漏问题。
然后以为是console
的问题,注释掉两个console
,结果如下(仍是搜索0次、1次、10次):
问题依旧,可以看出不是console的问题,其实想想也不可能,但是排查时候基本就是病急乱投医了。
下面基本可以定位问题是这一段导致的了。
var sc = {};
mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
sc[item.id] = item.getValue();
});
为了分析,可以将上面拆成两部分:获取控件数组和遍历组织数据
var sc = {};
var controls = mini.getChildControls(document.getElementsByClassName('fui-form')[0]);
controls.forEach(function (item) {
sc[item.id] = item.getValue();
});
进行获取和遍历的拆分之后,再进行测试,问题居然不存在了,如图:
最终问题
函数中获取控件并遍历的两种写法
写法一:
// 获取并遍历
mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
sc[item.id] = item.getValue();
});
写法二:
// 获取控件
var controls = mini.getChildControls(document.getElementsByClassName('fui-form')[0]);
// 遍历
controls.forEach(function (item) {
sc[item.id] = item.getValue();
});
为何写法一存在内存泄漏,而写法二不存在?
解决方案
自结。
实际没有发生内存泄漏,次数较少时,存在这个现象,将次数继续增大,最后两种情况基本都是相似的。
结论应该是回收时机不一样。
这篇关于foreach - JavaScript连写时为什么存在内存泄漏问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文