Waarom is het patchen van een prototype een ongewenste praktijk?

Het patchen van het prototype (wijzigen van de ingebouwde prototypes van JavaScript, zoals Array.prototype of Object.prototype) wordt om de volgende redenen afgeraden:

• Conflicten: Verschillende delen van de code (of bibliotheken/frameworks) kunnen hetzelfde prototype wijzigen, waardoor functionaliteit wordt overschreven of verstoord. Dit leidt tot onvoorspelbaar gedrag en moeilijk te debuggen fouten.
• Implicitie: Het wijzigen van het globale prototype beïnvloedt alle instanties van dat datatypes in de hele applicatie. Dit verbergt de bron van de wijziging en maakt het moeilijk te begrijpen waar een nieuwe eigenschap of methode vandaan komt.
• Debugging-Complexiteit: Bij fouten is het moeilijk te bepalen welk deel van de code onbedoelde wijzigingen in het prototype heeft aangebracht.
• Compatibiliteitsproblemen: Toekomstige versies van JavaScript kunnen methoden met dezelfde namen toevoegen aan prototypes, wat conflicten en het breken van code veroorzaakt.
• Inbreuk op encapsulatie: Code die uitgaat van standaardgedrag van ingebouwde objecten kan worden verstoord door niet-standaardwijzigingen aan het prototype. Dit schendt de principes van encapsulatie.
• Testbaarheid: Het testen van code die globale prototypes wijzigt wordt moeilijk, omdat de toestand van de gewijzigde prototypes moet worden meegenomen.

Alternatieven omvatten:

• Hulpfuncties maken die objecten als argument accepteren.
• Klassen gebruiken om eigen datatypes te maken met de benodigde functionaliteit.
• Overerving toepassen.

// Voorbeeld van ongewenst patchen van het Array-prototype
// Toevoegen van de shuffle-methode aan het ingebouwde Array.prototype
Array.prototype.shuffle = function() {
  // Code om de array-elementen te door elkaar te halen
  // ...
  return this;
};

// Dit kan leiden tot conflicten met andere bibliotheken
// of in toekomstige versies van JavaScript

// Voorkeur aanpak - gebruik maken van een hulpfunctie
function shuffleArray(array) {
  // Code om de elementen van de invoerarray te door elkaar te halen
  // ...
  return shuffledArray; // Geeft een nieuwe array of de gewijzigde, afhankelijk van de implementatie
}

// Gebruik:
const my_array = [1, 2, 3];
const shuffled_array = shuffleArray(my_array); // Expliciete functieverzoek