Corso gratuito di prova
Clean JavaScript — Anteprima
5 lezioni gratuite per scoprire come si impara su FinesseCode: teoria, quiz, esercizi e confronti buono vs cattivo. Nessuna registrazione.
Il naming che fa la differenza
Il naming è il fondamento del codice leggibile. Non è una preferenza estetica: un buon nome elimina la necessità di commenti, riduce i bug e rende il codice manutenibile. Vediamo i pattern più comuni che separano il codice professionale da quello amatoriale.
Regola 1: I nomi rivelano l'intenzione
Un nome dovrebbe rispondere alla domanda "perché esiste questa variabile?". Se devi leggere il codice circostante per capirlo, il nome è sbagliato.
const d = new Date();
const list = users.filter(u => u.a);
function process(data) { /* ... */ }const registrationDate = new Date();
const activeUsers = users.filter(
user => user.isActive
);
function sendWelcomeEmail(newUser) {
/* ... */
}Regola 2: Evita abbreviazioni e nomi generici
Le abbreviazioni risparmiano secondi in scrittura e costano ore in lettura. "data", "info", "temp", "result" non comunicano nulla. Sii specifico.
function calc(arr) {
let res = 0;
for (const el of arr) {
res += el.val;
}
return res;
}function calculateTotalRevenue(
invoices: Invoice[]
): number {
let totalRevenue = 0;
for (const invoice of invoices) {
totalRevenue += invoice.amount;
}
return totalRevenue;
}Regola 3: I booleani sono domande
Un booleano dovrebbe leggersi come una domanda a cui si risponde sì/no. Usa prefissi come is, has, can, should.
const open = true;
const data = false;
const admin = user.role === 'admin';const isModalOpen = true;
const hasLoadedData = false;
const isAdmin = user.role === 'admin';Il naming è un investimento: 10 secondi in più per scegliere il nome giusto ti risparmiano ore di debugging e code review. Nel prossimo quiz, metti alla prova quello che hai imparato.
Ti è piaciuto?
Questo è solo un assaggio. Il corso completo include 42 lezioni, 42 esercizi con AI review e quiz interattivi.