Pulizia delle viste con backbone.js?

Question

Sto lavorando a un'applicazione backbone.js e ho raggiunto il punto in cui ho un numero di router e viste che rappresentano ciascuna parte della mia applicazione. Nell'esempio del router semplificato di seguito, ho due posizioni; account & users.

Entrambe le viste in ogni posizione rendono il loro contenuto a un elemento reciproco, denominato #appcontainer. Il mio buon senso dice che dovrei assicurarmi di remove ogni vista prima di avviarne un'altra per evitare collisioni tra associazioni, DOM e quant'altro.

Tuttavia, poiché non posso sapere con certezza se una vista è già stata creata, non è possibile chiamare esplicitamente previousView.remove() dall'interno del router o delle visualizzazioni.

Sarebbe sufficiente aggiungere $(this.el).empty() al costruttore di ogni vista per eliminare eventuali collegamenti ed elementi precedenti dal DOM?

Ecco l'esempio del router?

var myRouter = Backbone.Router.extend({ 

    routes: { 
     "account": "account", 
     "users": "users" 
    }, 

    account: function() { 
     view = new AccountView({}); 
     view.render(); 
    }, 

    users: function() { 
     view = new UserView({}); 
     view.render(); 
    } 

}); 

Answer 1

ho una molto semplice implementazione, sto solo iniziando la mia domanda ora e non so come questo sta andando a reggere nel lungo periodo, ma sembra qualcosa di simile:

Modifica: Ecco come sarà l'intero file. questo.render sarà un'altra funzione di myRouter.

var myRouter = Backbone.Router.extend({ 
    routes: { 
     'path/to/account' : 'account', 
     'path/to/users': 'users' 
    } 

    account: function() { 
     view = new AccountView({}); 
     this.render(view); 
    }, 

    users: function() { 
     view = new UserView({}); 
     this.render(view); 
    }, 

    render: function (view) { 
     //Close the current view 
     if (this.currentView) { 
      this.currentView.remove(); 
     } 

     //render the new view 
     view.render(); 

     //Set the current view 
     this.currentView = view; 

     return this; 
    } 
});