Backbone.js - Managementul memoriei

Un alt aspect cheie de care trebuie să ținem cont atunci când lucrăm Backbone.js Este gestionarea memoriei, deoarece avem libertate totală atunci când ne creăm aplicația, de multe ori trebuie să introducem soluții pentru a-i îmbunătăți performanța.
Într-o oarecare măsură, acesta este un avantaj, cu toate acestea, acest lucru poate deveni o problemă, deci putem să nu ne mai concentrăm asupra aspectelor interesante ale dezvoltării, pentru aceasta putem continua să explorăm comportamentul pe care îl putem realiza atunci când includem extensii ale Backbone.js de exemplu MarionetaJS.
Problemă cu vizualizări
Având o vedere reutilizabilă, trebuie să ne gândim și la cum să-l curățăm atunci când îl folosim pentru a genera un obiect nou și să ne gândim în plus la gestionari de evenimente, deoarece acestea pot deveni o mică problemă în ochii noștri. Un caz pe care îl putem analiza este următorul:

Mai întâi definim o vizualizare și îi spunem că atunci când este generată lansează o casetă de alertă, astfel încât să știm când are loc evenimentul. Până în acest moment nu vedem nimic ciudat, dar ce se întâmplă dacă reutilizăm obiectul atunci când instanțiem modelul, să vedem:

Ceea ce se întâmplă în acest caz este că atunci când vom folosi din nou același nume de variabilă vom primi din nou același mesaj de alertă, acest lucru se întâmplă deoarece la crearea celei de-a doua utilizări a variabilei, prima este în afara domeniului de aplicare, deci colector de gunoi javascript o colectează pentru a optimiza memoria.
Soluție posibilăO soluție interesantă pe care am putea-o aplica este închiderea vizualizării, cu aceasta obținem menținerea referinței la obiectul inițial și apoi nu trebuie să repetăm ​​metodele asociate cu inițializarea acestuia.
Atunci am rămâne cu ceva similar cu acesta:

Am reușit să rezolvăm această problemă, totuși ceva nu este încă corect, gestionarea manuală a acestei probleme nu este ceva care pare foarte util, deoarece dacă ne gândim puțin mai departe, ce se întâmplă dacă trebuie să facem o aplicație Mult mai extinsă și complex, acest tip de soluție ar face ca aplicația noastră să fie mai complicată de întreținut și mult mai grea.
Soluție: MarionetteJS
Pentru a rezolva acest tip de caz la care putem apela MarionetaJS, pe care ca extensie este plasat Backbone.js și ne ajută cu reducerea codului și cu rezolvarea cazurilor precum cel prezentat mai sus.
În exemplul următor vedem cum MarionetaJS Puteți rezolva problema, pur și simplu legând din nou evenimentul, pur și simplu:

Făcând acest lucru în metodă asculta () din Backbone.js, MarionetaJS este direct însărcinat cu gestionarea gestionarilor de evenimente, cu care evităm închiderea manuală a vizualizărilor, salvând o cantitate semnificativă de cod atunci când vorbim despre o aplicație complexă.
La sfârșitul acestui tutorial vom vedea cum Backbone.js Are o mare flexibilitate care ne permite să construim soluții care să ne ajute în dezvoltarea aplicației noastre.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv