为什么在 jQuery 对象中包装 HTML 响应时 IE 会泄漏内存？

Question

我试图弄清楚为什么 IE 在将 AJAX 请求的 HTML 页面包装到 jQuery 对象中进行处理时会泄漏内存。用户可能会访问页面并让它停留几分钟或几小时，因此页面使用 jQuery 的 ajax 方法每分钟几次获取新数据，然后我将页面的重要部分替换为新的预渲染数据。

此时，我已将其范围缩小为一次调用 - 当调用 $(data) 来包装 HTML 字符串时，内存会出现一点峰值，并且似乎从未被垃圾回收。随着时间的推移，使用了数百 MB，我不得不重新加载页面或重新启动 IE。

This fiddle 能够重现该问题。它使用 AJAX 请求页面，然后在紧密循环中调用$(data) 以夸大泄漏。 Chrome 和 Firefox 似乎都像我预期的那样做出反应（内存被回收），但 IE 表现不佳。惊喜。

使用 Process Explorer，我发现在运行上述小提琴两次后内存消耗急剧增加。

我目前在标准模式下使用 IE9。

为什么会这样？有解决办法吗？

更新

这是一个fiddle，它在不使用 AJAX 的情况下演示了该问题。

Answer 1

我找到了解决上述问题的方法。

在解决此问题时，我尝试了各种方法来防止发生泄漏。我想出的解决方案是放弃使用$.ajax 来检索数据并使用$() 来包装结果。相反，我使用$('#destination').load('sourceUrl #selector')（参见documentation）将数据推入隐藏的div，然后以这种方式处理结果。

原来$.load 在幕后使用$.parseHTML 来操纵结果并将它们推到指定位置（而$() 显然没有）。 See here 源代码行。

• $(htmlText) 泄漏
• $(bodyText) 不泄露
• $.parseHtml(htmlText)慢慢泄漏（？）
• $.parseHtml(bodyText) 不会泄露

这里有一个fiddle 来演示。

我不知道为什么它的行为方式是这样的，但它的短处似乎是：尽可能避免解析完整的 HTML 文档。

Answer 2

我看到了你所看到的，当我更改代码以在每次调用成功时重新分配函数时，神奇地它没有泄漏（至少在我的环境中。）

所以，我的解决方案很愚蠢，但它似乎对我有用。对你有用吗？

$(function(){
    $.ajaxSetup({ cache: false });

    $('#go').click(performCall);
});

function performCall() {
    $('#timestamp').text('Working...');

    $.ajax({
       url: 'http://fiddle.jshell.net/',
        success: function(){
            var func = function(data, textStatus, jqXHR) {
                $('#timestamp').text('Done at ' + new Date());
                for(var x = 0; x < 100; x++) {
                    var $a = $(data);
                }
            };
            func();
        }
   });
}

http://jsfiddle.net/tCvUw/