Sto lavorando a uno script utente JavaScript per aiutare il mio team a rendere più efficiente il montaggio dei ticket di supporto su un'interfaccia web. In tal modo, mi sto trovando a effettuare molte chiamate all'API DOM per raccogliere dati, ad es. Con listener di eventi e chiamate attivate dall'utente.
Nel tentativo di rendere più conciso il mio script, ho creato alcune funzioni di "alias", come di seguito.
Mi chiedo se fare qualcosa del genere renderebbe il codice più difficile da mantenere, nel caso che qualche altra persona (o me stesso in 6 mesi) debba aggiungere o modificare il codice in un secondo momento, o se lo sarebbe utile, nel tagliare la ripetizione del codice non necessaria come document.getElementById("foo").addEventListener("change", doBar) .
Domanda
Anche se questo può essere in qualche modo basato sull'opinione, voglio chiedere: è aliasing [ben noto, standard] chiamate di funzione ripetitive che possono essere un ostacolo a mantenere il codice chiaro e relativamente facile da mantenere?
Per un po 'più di background, questo alla fine sarà un helper di template per automatizzare le attività ripetitive nel browser e assistere qualcuno che sta assemblando un ticket IT via telefono o via email.
/*
Alias function to shorten 'document.getElementById' calls
*/
const getElemById = function(elemId) {
return document.getElementById(elemId);
};
/*
Alias function to shorten 'addEventListener("change", refreshCallerValues)' calls
*/
const addRefreshListener = function(elemId) {
getElemById(elemId).addEventListener("change", refreshCallerValues);
};