phi*_*reo 7 javascript ajax jquery memory-leaks google-chrome-devtools
我正在使用谷歌Chrome开发工具:堆快照调试我的应用程序内存泄漏,并注意到一些奇怪的事情.
我提出了一个AJAX请求来获取一个JSON的大型博客,显然原始的响应文本在内存中存在,导致我的应用程序内存泄漏.
我似乎不太可能在$ .ajax中存在巨大的内存泄漏,但我希望能够解释为什么会出现这种情况......如果我在vanilla JS中进行相同的实验,则不会显示泄漏.
1)纯JavaScript XHR
XMLHttpRequest
)2)使用$ .getJSON
$.getJSON
)屏幕截图:XHR请求的整个HTTP响应卡在内存中."按钮1"在按下按钮之前."快照2"之后.请注意下面的截图,它是堆之前/之后的比较.
纯JS版本没有重现相同的行为.
(当然HTMLDivElement仍然会保留在堆中,因为它在DOM中,但似乎没有必要将完整的JSON对象保留在堆中)
该视频演示了实际上没有内存泄漏.jQuery获取新版本的字符串,v8发布旧版本.这种行为的原因是V8引擎使用许多不同的技巧进行优化,并且可以在其内部结构和生成的代码中保持对对象的引用.
视频中的蓝色条是分析器在v8堆中找到新对象/字符串的时刻.当v8将这些对象收集为垃圾时,条形变为灰色.
归档时间: |
|
查看次数: |
1580 次 |
最近记录: |