我正在使用谷歌Chrome开发工具:堆快照调试我的应用程序内存泄漏,并注意到一些奇怪的事情.
我提出了一个AJAX请求来获取一个JSON的大型博客,显然原始的响应文本在内存中存在,导致我的应用程序内存泄漏.
我似乎不太可能在$.ajax中存在巨大的内存泄漏,但我希望能解释为什么会出现这种情况……如果我在vanilla JS中进行相同的实验,则不会显示泄漏.
1)纯JavaScript XHR
> source:http://jsfiddle.net/HZmT5/2/(使用XMLHttpRequest)
>输出:http://fiddle.jshell.net/HZmT5/2/show/light/
>没有泄漏
2)使用$.getJSON
>来源:http://jsfiddle.net/JmA8v/1/(使用$.getJSON)
>输出:http://fiddle.jshell.net/JmA8v/1/show/light/(显示泄漏)
>泄漏显示,见截图:
屏幕截图:XHR请求的整个HTTP响应卡在内存中. “按钮1”在按下按钮之前. “快照2”之后.请注意下面的截图,它是堆之前/之后的比较.
纯JS版本没有重现相同的行为.
(当然HTMLDivElement仍然会保留在堆中,因为它在DOM中,但似乎没有必要将完整的JSON对象保留在堆中)