Как найти утечку памяти в JS коде?

Question

[Святослав Немато]

На странице несколько строк CSS, HTML
И несколько функций подобных этой:

$(document).on('click', '#message', function(e){
	$.ajax({
			url: 'PutMessage',
			type: "POST",
			data: JSON.stringify({ data: $(this).val() }),
			processData: false,
			contentType: "application/json; charset=UTF-8"
		})
		.done(function(dataJson) {
			$(this).val('');
		});
		return false;
	});

При этом диспетчер задач гугл хрома показывает, что страница жрёт 25 МБ + каждую минуту ещё 200 КБ
В связи с чем может быть утечка памяти, и как её предотвратить?

Answer 1

[Alex]

Ну если по документу не лупить, то надо полный код.... Этот пост не должен жрать, если только с сервера не приходит мнооооого данных.

Answer 2

[Alex XYZ]

Мне кажется, что вашу проблему может помочь найти chrome profiling:

https://developer.chrome.com/devtools/docs/heap-pr...

Ооочень полезнная штука. Поможет увидеть работу с памятью JS изнутри. Например, если вы создаёте одну большую строку из нескольких маленьких, например, var str = "a"+"b"+"c"+"d"; то будете удивлены, что в памяти появились строки "ab", "abc" и "abcd", хотя вы первые две не заказывали. При том, что присваивание работает только для последнего результата.

Comments

[Kovalsky]

Я извиняюсь, но не могли бы вы привести хотя бы пару скринов, как вы нашли эту инфу в профайлере? Дело в том, что в снимке я смог найти результат конкатенации и вызвавшую её консольную команду, но никак не промежуточные результаты.

[Alex XYZ]

Никита Полевой: Я сейчас перерыл профайлер и не нашёл того, что обещал, но КЛЯНУСЬ я это видел! ))) Но год назад. Может они уже исправили эту ситуацию? потому что у меня из-за этого были дикие утечки памяти! Я потом стал применять не суммирование строк, а контакенацию строк в массиве. ["str1", "str2","str3", ..., "strN"].concat()
Если найду инфу - обязательно отпишусь!

Answer 3

[Вячеслав Лебедев]

Вероятнее это сам jQuery брешь для утечек.

Comments

[Алексей Уколов]

The First Rule of Programming: It's Always Your Fault

Answer 4

[Петр]

В Developer Tools (F12) есть вкладка Profiles, так выбираете нужный тип и Start.
Отчет покажет проблемы.