Cosa sono gli effetti collaterali nel contesto della programmazione?

Un effetto collaterale è una modifica dello stato visibile di un programma che avviene al di fuori del valore di ritorno di una funzione.

I principali tipi di effetti collaterali:

• Modifica di variabili globali o dello stato di oggetti.
• Input/output di dati (lettura da un file, scrittura sulla console, richieste di rete).
• Modifica del contenuto di un database.
• Lancio di un'eccezione non gestita all’interno di una funzione.
• Modifica dell’albero DOM nel browser.
• Chiamata di altre funzioni con effetti collaterali.

Esempio di funzione pura (senza effetti collaterali):

// La funzione somma semplicemente due numeri e restituisce il risultato
function add(a, b) {
  return a + b;
}

Esempio di funzione con effetto collaterale (modifica di una variabile globale):

let total = 0;

// La funzione somma un valore e modifica la variabile globale
function addToTotal(value) {
  total += value; // Effetto collaterale: modifica della variabile globale
  return total;
}

Impatto degli effetti collaterali:

• Riducono la facilità di testing.
• Complicano l’esecuzione parallela del codice a causa di potenziali condizioni di race.
• Rendono il codice meno prevedibile e più difficile da comprendere.
• Possono violare i principi della programmazione funzionale.

Nel frontend, gli effetti collaterali sono spesso legati a:

• Manipolazioni del DOM.
• Richieste HTTP.
• Operazioni con Local Storage o Session Storage.
• Interazioni con API di terze parti.

La gestione degli effetti collaterali è una sfida importante nella costruzione di applicazioni affidabili e manutenibili. Pattern come Redux (che enfatizza una gestione dello stato prevedibile e la separazione degli effetti collaterali in azioni/saga) o l’uso di funzioni pure ove possibile, aiutano a minimizzare il loro impatto negativo.