Negli ultimi anni si è visto un enorme incremento di framework JavaScript. Tra aggiornamenti e nuove uscite si può dire che si è perso il conto e anche la capacità decisionale su quale sia il migliore per il proprio progetto. Per queste ragioni, in alcuni casi, si preferisce proseguire con la classica pagina web che fa le proprie magie utilizzando vanilla JavaScript.

Il problema sorge nel momento in cui il nostro codice risulta eccessivamente lento o difficile da leggere. A quel punto lo sviluppatore si trova davanti a un muro che sembra invalicabile.

Un prima ottimizzazione potrebbe arrivare dal corretto utilizzo della sintassi JavaScript che, nel corso degli anni, ha ricevuto numerosi aggiornamenti che vanno a migliorare il codice al momento della compilazione JIT (Just In Time) e di conseguenza all'esecuzione.

Optional Chaining

if(pippo && pippo.pluto && pippo.pluto.paperino){
  console.log(pippo.pluto.paperino);
}

Il codice può essere migliorato nel seguente modo.

if(pippo?.pluto?.paperino){
  console.log(pippo.pluto.paperino);
}

Null Checks

if(pippo !== undefined && pippo !== '' && pippo !== null){
  console.log(pippo);
}

if(!!pippo){
  console.log(pippo);
}

Valore di default su variabile null

if(pippo === null){
  pippo = "Ciao Mondo!";
}

Ma anche questa fase può essere ottimizzata:

pippo ??= "Ciao Mondo";

Valore di default nelle chiamate ai metodi

function print(word1, word2){
  if(word1 === null && word2 === null){
    return;
  }
  console.log(`${word1} ${word2}`)
}

function print(word1 = "Hello", word2 = "World"){
  console.log(`${word1} ${word2}`)
}