Zeker! Het toepassen van functionele programmeerstijlen in TypeScript helpt bij het waarborgen van immutabiliteit en zuivere functies. Hier zijn enkele principes en voorbeelden: 1. Zuivere functies Een zuivere functie heeft geen bijwerkingen en geeft altijd hetzelfde resultaat voor dezelfde invoer. Voorbeeld: ```typescript type Gebruiker = { id: number; naam: string; email: string; }; function transformeerGebruiker(gebruiker: Gebruiker): { gebruikersID: number; naam: string; } { return { gebruikersID: gebruiker.id, naam: gebruiker.naam }; } ``` Deze functie verandert de oorspronkelijke data niet en is zuiver. 2. Immutabiliteit Gebruik ongewijzigde (immutable) data, bijvoorbeeld door `const` te gebruiken en objecten niet te muteren. Voorbeeld: ```typescript const gebruiker: Gebruiker = { id: 1, naam: "Jan", email: "jan@example.com" }; // Niet: gebruiker.naam = "Piet"; // mutatie vermijden const nieuweGebruiker = { ...gebruiker, naam: "Piet" }; // nieuwe kopie met gewijzigde naam ``` 3. Hogere-orde functies Functies die andere functies als argumenten nemen of teruggeven. Ze maken code flexibeler en herbruikbaarder. Voorbeeld: ```typescript const mapGebruikers = <T, U>(gebruikers: T[], transform: (item: T) => U): U[] => { return gebruikers.map(transform); }; const gebruikers: Gebruiker[] = [ { id: 1, naam: "Jan", email: "jan@example.com" }, { id: 2, naam: "Piet", email: "piet@example.com" } ]; const gebruikersNieuwFormaat = mapGebruikers(gebruikers, transformeerGebruiker); ``` 4. Vermijd mutaties Gebruik methoden zoals `.map()`, `.filter()`, `.reduce()` die niet muteren, maar nieuwe arrays teruggeven. Voorbeeld: ```typescript const filteredGebruikers = gebruikers.filter(g => g.id !== 2); ``` Samenvatting: - Schrijf zuivere functies die geen data muteren. - Gebruik spread operator (`...`) om nieuwe objecten te maken. - Gebruik hoge-orde functies om data te transformeren zonder mutatie. - Vermijd methoden die mutaties veroorzaken, en werk met ongewijzigde data. Door deze principes toe te passen, zorg je dat je data-onveranderlijk blijft en je code voorspelbaar en testbaar wordt.

In TypeScript kun je functionele programmeerprincipes toepassen door deze technieken: ### 1. Pure functies ```typescript // Pure functie - geen side effects, altijdzelfde output voorzelfde input interface Gebruiker { id: number; naam: string; email: string; leeftijd: number; } const transformeerGebruiker = (gebruiker: Gebruiker): { userId: number; fullName: string; contact: string } => ({ userId: gebruiker.id, fullName: gebruiker.naam.toUpperCase(), contact: gebruiker.email }); // Gebruik const origineleGebruiker: Gebruiker = { id: 1, naam: "Jan Jansen", email: "jan@voorbeeld.nl", leeftijd: 30 }; const getransformeerd = transformeerGebruiker(origineleGebruiker); // origineleGebruiker blijft ongewijzigd ``` ### 2. Hogere-orde functies ```typescript // Hogere-orde functie die een transformatiefunctie retourneert const maakTransformatie = (veldMapper: (gebruiker: Gebruiker) => any) => (gebruikers: Gebruiker[]) => gebruikers.map(veldMapper); // Specifieke transformatie const naarBasisProfiel = maakTransformatie(gebruiker => ({ id: gebruiker.id, naam: gebruiker.naam, isVolwassen: gebruiker.leeftijd >= 18 })); const gebruikers: Gebruiker[] = [ { id: 1, naam: "Jan", email: "jan@nl", leeftijd: 30 }, { id: 2, naam: "Piet", email: "piet@nl", leeftijd: 15 } ]; const profielen = naarBasisProfiel(gebruikers); ``` ### 3. Immutabiliteit met spread operator en map/filter/reduce ```typescript // Originele array blijft intact const gebruikersMetStandaardEmail = (gebruikers: Gebruiker[], domein: string) => gebruikers.map(gebruiker => ({ ...gebruiker, email: gebruiker.email.includes('@') ? gebruiker.email : `${gebruiker.email}@${domein}` })); // Filteren zonder mutatie const volwassenGebruikers = gebruikers.filter(gebruiker => gebruiker.leeftijd >= 18); // Reduceren voor aggregatie const totaalLeeftijd = gebruikers.reduce((totaal, gebruiker) => totaal + gebruiker.leeftijd, 0); ``` ### 4. Objecten transformeren zonder mutatie ```typescript const updateGebruikerZonderMutatie = (gebruiker: Gebruiker, updates: Partial<Gebruiker>) => ({ ...gebruiker, ...updates }); const bijgewerkteGebruiker = updateGebruikerZonderMutatie(origineleGebruiker, { email: "nieuwe@email.nl" }); ``` ### 5. Functionele utility functies ```typescript // Compose meerdere transformaties const compose = <T>(...fns: Array<(arg: T) => T>) => (x: T) => fns.reduceRight((acc, fn) => fn(acc), x); const naarHoofdletters = (gebruiker: Gebruiker) => ({ ...gebruiker, naam: gebruiker.naam.toUpperCase() }); const verwijderGevoeligeData = (gebruiker: Gebruiker) => { const { email, leeftijd, ...rest } = gebruiker; return rest; }; const transformatiePipeline = compose(verwijderGevoeligeData, naarHoofdletters); const resultaat = transformatiePipeline(origineleGebruiker); ``` ### 6. Readonly types voor extra zekerheid ```typescript interface ReadonlyGebruiker { readonly id: number; readonly naam: string; readonly email: string; readonly leeftijd: number; } // TypeScript voorkomt per ongeluk mutaties const maakReadonlyGebruiker = (gebruiker: Gebruiker): ReadonlyGebruiker => ({ ...gebruiker }); ``` ### Best practices: - Gebruik `const` in plaats van `let` - Gebruik `map`, `filter`, `reduce` in plaats van loops - Gebruik spread operator (`...`) voor object/array kopiëren - Vermijd `push`, `pop`, `splice` en andere muterende methodes - Gebruik TypeScript's type systeem voor compile-time checks Deze aanpak zorgt voor voorspelbare code zonder side effects, wat testing en debugging aanzienlijk vereenvoudigt.