Ho bisogno di scrivere un'applicazione PhoneGap con JavaScript e sto pensando ai modelli di progettazione del codice. Ho letto alcuni libri di modelli di progettazione JavaScript, ma non riesco davvero a vedere i vantaggi / gli svantaggi su di loro e penso di non capire l'implementazione e il diritto di utilizzo.
Vorrei avere qualche opinione su quale potrebbe essere più adatta alle mie esigenze. Mi piacerebbe che il codice fosse leggibile e mantenibile.
L'applicazione stessa è piuttosto piccola e semplice. Ha una gestione del giocatore (aggiungi / rimuovi), una gestione del gioco (aggiungi / rimuovi giocatori da una squadra, avvia / ferma / ripristina un cronometro).
Nell'ultima app che ho creato ho avuto oltre 30 funzioni con nome in un ambito globale che penso sia un grande no no. Quindi, ora voglio fare le cose per bene, e stavo pensando di usare un oggetto letterale o un modello di modulo ... qualcosa del genere forse:
var MYAPP = {
init: function() {
$(document).ready(function() {
MYAPP.bind();
});
},
bind: function() {
// Bind jQuery click and page events
},
player: {
add: function(name) { ... },
remove: function(name) { ... }
},
team: {
addPlayer: function(name) { ... },
removePlayer: function(name) { ... }
},
game: {
create: function() { ... },
startTime: function() { ... },
stopTime: function() { ... },
resetTime: function() { ... }
}
};
document.addEventListener('deviceready', MYAPP.init, false);
... o forse questo?
var MYAPP = {
init: function() {
$(document).ready(function() {
MYAPP.bind();
});
},
bind: function() {
// Bind jQuery click and page events
}
}
var PLAYER = (function () {
// Some private variables
var privateVar, privateMethod;
return {
add: function (name) { ... },
remove: function (name) { ... }
};
}());
document.addEventListener('deviceready', MYAPP.init, false);