Mi a mellékhatás a programozás kontextusában?

Mellékhatás egy olyan változás a program látható állapotában, amely a függvény visszatérési értékén kívül történik.

A mellékhatások fő típusai:

• Globális változók vagy objektumállapot módosítása.
• Adatbeviteli/kiviteli műveletek (fájl olvasása, konzol írása, hálózati kérések).
• Adatbázis tartalmának módosítása.
• Kivétel dobása, amelyet nem kezelnek a függvényen belül.
• A DOM-fa módosítása a böngészőben.
• Más funkciók hívása mellékhatásokkal.

Tiszta függvény példája (mellékhatások nélkül):

// A függvény csak két számot ad össze és visszaadja az eredményt
function add(a, b) {
  return a + b;
}

Mellékhatással rendelkező függvény példája (globális változó módosítása):

let total = 0;

// A függvény hozzáad egy értéket és módosítja a globális változót
function addToTotal(value) {
  total += value; // Mellékhatás: globális változó módosítása
  return total;
}

A mellékhatások hatása:

• Nehezítik a tesztelést.
• Bonyolítják a kód párhuzamos végrehajtását a lehetséges versenyhelyzetek miatt.
• Kevésbé előre jelezhetővé és nehezebben érthetővé teszik a kódot.
• Megsérthetik a funkcionális programozás elveit.

A frontend fejlesztésben a mellékhatások gyakran kapcsolódnak:

• DOM manipulációhoz.
• HTTP kérésekhez.
• Local Storage vagy Session Storage műveletekhez.
• Harmadik fél API-ival való munkához.

A mellékhatások kezelése fontos feladat a megbízható és könnyen karbantartható alkalmazások építésében. Olyan minták, mint a Redux (amely hangsúlyozza az állapot előre jelezhető kezelését és a mellékhatások elkülönítését akciók/sagák formájában), vagy a tiszta függvények használata, ahol csak lehet, segítenek minimalizálni azok negatív hatását.