小编loi*_*slo的帖子

我正在使用谷歌Chrome开发工具:堆快照调试我的应用程序内存泄漏,并注意到一些奇怪的事情.

我提出了一个AJAX请求来获取一个JSON的大型博客,显然原始的响应文本在内存中存在,导致我的应用程序内存泄漏.

我似乎不太可能在$ .ajax中存在巨大的内存泄漏,但我希望能够解释为什么会出现这种情况......如果我在vanilla JS中进行相同的实验,则不会显示泄漏.

1)纯JavaScript XHR

• 来源: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对象保留在堆中)