Często zadawane przez WebSocket zera-kopia

Question

Mam aplikację, która odbiera wiadomości binarne przez WebSocket często (przynajmniej raz na klatkę) i rysuje dane, używając canvas/webgl. Zauważyłem, że mam całkiem niezły profil pamięci piłokształtnej; wiele krótkich fragmentów danych.

To mnie nie dziwi, ponieważ jestem otrzymaniu przedmiotu z onmessage, co najmniej raz na 16ms, który jest używany do rysowania, a następnie de-odwołuje.

Moje pytanie brzmi: czy są jakieś wskazówki, jak tego uniknąć/zminimalizować? Opierając się na WebSocket API, nie wydaje się być alternatywą dla posiadania nowej pamięci przydzielonej na każde połączenie odbierania gniazda. W innym języku/środowisku, wstępnie przydzielę trochę pamięci i odbiorę do tego bufora, aby uniknąć stałego przydzielania pamięci dla obiektów krótkotrwałych, ale nie mogę wymyślić żadnego oczywistego sposobu osiągnięcia tego w JavaScript w przeglądarce.

Dla odniesienia, oto mój widok Frames.

Nie wiem, czy to czas bezczynności jest zbieranie śmieci? Wszelkie dociekania ninja z narzędziami od narzędzi będą bardzo mile widziane.

Answer 1

Nie wiem czy zrozumiałem swój problem, ale można zadeklarować globalną tablicę jak w każdym innym języku i używać go jako bufora okrężnego, na przykład:

var buffer = []; 
var bufferLength = 1000; 
var start = 0; 
var end = 0; 
var content = 0; 

socket.onmessage(function(msg) { //msg allocated 
    end %= bufferLength; 
    if (end == start && content != 0) 
     console.log("Buffer is full"); 
    else { 
     content++; 
     buffer[end++] = msg; //reference to msg saved so it's not destroyed at the end of the callback 
    } 
}); 

function getNext() { 
    start %= bufferLength; 
    if (start == end && content == 0) 
     console.log("Buffer is empty"); 
    else { 
     content--; 
     return buffer[start++]; // returns reference to next msg 
    } 
} 

Edit: I zmodyfikowane odpowiedź jest bardziej wyczyść o cyklu pamięci:

JS przydzieli pamięć dla odebranej wiadomości na stronach internetowych i utworzy odniesienie do niego o nazwie msg, które zostanie ci przekazane jako parametr w wywołaniu zwrotnym zdefiniowanym dla onmessage.

Uwaga JS GC zniszczy tylko ten fragment pamięci, gdy nie jest już przywoływany w kodzie.

To, co robię powyżej, zapisuje to odwołanie wewnątrz bufora, więc wartość nie zostanie zniszczona po wykonaniu wywołania zwrotnego i można uzyskać do niego dostęp później za pomocą getNext. Nie musisz przydzielać nowej pamięci, ponieważ JS zrobił to za Ciebie.

Jeśli chcesz sklonować lub utworzyć inną kopię msg, istnieje kilka różnych opcji. Prostym rozwiązaniem, które pozwoli Ci sklonować nieokrągłe obiekt JSON będzie:

var newJSON = JSON.parse(JSON.stringify(msg)); 

można znaleźć więcej informacji o alokacji pamięci w JS w https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management