Как исправить утечку памяти при использовании аякса и таймера?

Question

[skarietsky]

При запуске скрипта браузер начинает подвисать: реагирует на клики с задержкой в несколько секунд. Тормоза появляются сразу же после загрузки страницы, а потребление памяти постепенно увеличивается.

$(function(){

        $('.table').tabs({
            'navBlock': '.js-page-submenu',
            'bodyEle': 'tbody'
        });

        // Refresh

        var rxhr = null;

        setInterval(function(){

            if(rxhr !== null) {
                rxhr.abort();
            }

            rxhr = $.ajax()
// Результат аякса (res)  - длинная строка с обновленными данными страницы.
// Данных приходит много.

                .done(function(res){

                    rxhr = null;

                    var $res   = $(res),
                        $table = $res.find('.table.not-mobile-content').html(),
                        $mobile = $res.find('.mobile-signals-block').html();

                    if($table.length) {
                        $('.table.not-mobile-content').html($table);
                    }

                    if($mobile.length) {
                        $('.mobile-signals-block').html($mobile);
                    }

                    $('.table').tabs({
                        'navBlock': '.js-page-submenu',
                        'bodyEle': 'tbody'
                    });

                    // пробовал обнулять переменные - не помогло
                    $table = null;
                    $mobile = null;
                    $res = null;
                    res = null;
               

                });

        }, 1000 * 60); // 1 min

)};

Хромовский профайлер показывает:


Приведенный выше код - код с 72-й строчки проблемного скрипта. Без таймера подвисаний нет.

Что можно сделать для исправления?

Answer 1

[Антон Антон]

зачем переменная rxhr вообще? зачем она замыкается внутрь самой себя?

Comments

[Антон Антон]

MaxKorz: для используйте свойство timeout в настройках вызова (настройки - это параметр метода ajax).

опять же, зачем переменная замыкается сама в себя? я при присвоение ей null внутри обработчика

[Антон Антон]

MaxKorz: не совсем так. null не чем не лучше, чем 3.1415926. просто значение примитивного типа. еще раз спрошу про то, зачем замыкание? лучше бы избавится от глобальной переменной вообще. ну, или не на null её проверять, а на state.

[skarietsky]

Антон Антон: rxhr - не глобальная переменная, она объявляется до интервала. Забыл её объявление указать.
Если аякс будет неудачным, то проверка не пройдет и будет rxhr.abort();. В любом случае, это не причина утечки, т.к. я пробовал убрать переменную и проверку, оставив только :

var $res   = $(res),
                        $table = $res.find('.table.not-mobile-content').html(),
                        $mobile = $res.find('.mobile-signals-block').html();

                    if($table.length) {
                        $('.table.not-mobile-content').html($table);
                    }

                    if($mobile.length) {
                        $('.mobile-signals-block').html($mobile);
                    }

в done функции. С ними что-то не так.