jQuery's AJAX Speicherverlust von Antworttext?

Question

Ich debugging meine App für Speicherverluste mit den Google Chrome Dev Tools: Heap Snapshots und bemerkte etwas seltsam.

Ich habe eine AJAX-Anfrage gemacht, um einen großen Blog von JSON zu holen, und anscheinend bleibt der rohe Response-Text im Speicher stecken, was zu einem Speicherleck in meiner App führt.

Es erschien mir unwahrscheinlich, dass es ein großes Speicherleck in $ .ajax gibt, aber ich hoffte auf eine Erklärung, warum das der Fall ist ... Wenn ich das gleiche Experiment in Vanille JS mache, ist das Leck nicht gezeigt.

1) Reine JavaScript XHR

• Quelle: http://jsfiddle.net/HZmT5/2/ (mit XMLHttpRequest)
• Ausgabe: http://fiddle.jshell.net/HZmT5/2/show/light/
• Kein Leck

2) Mit $ .getJSON gezeigt

• Quelle: http://jsfiddle.net/JmA8v/1/ (mit $.getJSON)
• Ausgang: http://fiddle.jshell.net/JmA8v/1/show/light/ (Leck gezeigt)
• Leak gezeigt, siehe Screenshot

Screenshot: der gesamte HTTP-Antwort des XHR Anfrage stecken herum Erinnerung. "Snapshot 1" ist vor dem Drücken der Taste. "Snapshot 2" ist danach. Beachten Sie den Screenshot unten und es ist der Vergleich des Vorher/Nachher des Heaps.

Das gleiche Verhalten wurde in der Pure-JS-Version nicht reproduziert.

(Natürlich ist die HTMLDivElement wird noch im Haufen bleiben, da es in dem DOM ist, aber es scheint nicht notwendig, dass das volle JSON-Objekt in dem Heap bleibt)

Answer 1

Diese video zeigt, dass tatsächlich dort ist kein Speicherleck. jQuery ruft die neue Version der Zeichenfolge ab und v8 gibt die alte Version frei. Der Grund für dieses Verhalten liegt in der Tatsache, dass die V8-Engine viele verschiedene Tricks zur Optimierung verwendet und eine Referenz auf ein Objekt in seinen internen Strukturen und generierten Code behalten kann.

Die blauen Balken im Video sind die Momente, in denen der Profiler neue Objekte/Strings im V8-Heap gefunden hat. Die Balken werden grau, wenn v8 diese Objekte als Abfall sammelt.

Answer 2

Vielleicht etwas fehlt, aber jsfiddles am ursprünglichen Beitrag erscheinen die gleichen Ergebnisse zurück? Auch

würde

$.ajaxSetup({cache : false})

Ergebnisse beeinflussen?

Um den Browser-Cache in Chrom/Chrom-Browser, bei Terminal (* nichts) versuchen

find ~/.cache/chromium/Default/Cache -type f -exec rm -f {} \;

find ~/.cache/chromium/Default/Media\ Cache -type f -exec rm -f {} \;

ersetzt chromium mit chrome zu löschen, wenn nötig. Alternativ navigieren Sie zu dem

chromium oder chrome Ordner im Gerät, navigieren Sie zu jeder Default und Media Cache Ordner innerhalb und Inhalte löschen.