Home » Begrippen » Wat is TypeScript?

Wat is TypeScript?

TypeScript is een programmeertaal die door Microsoft is ontwikkeld als een uitbreiding (superset) op JavaScript, met als grootste toevoeging een systeem van statische typen. Dat betekent dat je in TypeScript kunt aangeven welk type data een variabele, parameter of functie mag bevatten, zoals een getal, een tekst of een specifiek object, en dat de TypeScript-compiler dit tijdens het schrijven van code al controleert in plaats van wachten tot de code wordt uitgevoerd. Elke geldige JavaScript-code is ook geldige TypeScript-code, wat migratie vanuit bestaande projecten makkelijk maakt. TypeScript wordt bij het compileren omgezet naar gewone JavaScript, zodat het in elke browser of Node.js-omgeving kan draaien. Het wordt breed ingezet in grote frontend-frameworks zoals Angular (dat TypeScript als standaard gebruikt), maar ook in React- en Vue.js-projecten en in Node.js-backends. Organisaties zoals Microsoft, Google, Airbnb en Slack gebruiken TypeScript vanwege de betere foutdetectie, verbeterde leesbaarheid en betere toolingondersteuning die het biedt ten opzichte van puur JavaScript.

Wat zijn statische typen en waarom zijn ze waardevol?

In JavaScript kun je een variabele op elk moment van type laten wisselen: eerst een getal, daarna een tekst, dan een object. Dit geeft veel vrijheid maar ook veel ruimte voor moeilijk te vinden fouten. Stel dat je een functie schrijft die de leeftijd van een gebruiker berekent, maar per ongeluk een tekst meegeeft in plaats van een getal. In JavaScript merk je dit pas wanneer de code draait en de uitkomst fout is. TypeScript signaleert dit probleem al terwijl je typt, nog voor je de code uitvoert.

Statische typen bieden meerdere voordelen:

Vroege foutdetectie: Fouten worden ontdekt tijdens het schrijven van code, niet pas in productie.
Betere auto-aanvulling (IntelliSense): Editors zoals VS Code kunnen op basis van typen exacte suggesties geven voor beschikbare methoden en eigenschappen.
ZelfDocumenterende code: Typen maken duidelijk welke data een functie verwacht en retourneert, zonder dat je de implementatie hoeft te lezen.
Veiliger refactoring: Wanneer je een interface of functiesignatuur wijzigt, toont TypeScript direct alle plekken in de codebase die moeten worden bijgewerkt.

Kernconcepten van TypeScript

Basistypen

TypeScript biedt basistypen zoals string, number, boolean, null, undefined en any. Het type any schakelt typechecking uit voor een variabele, wat handig kan zijn bij migratie maar overmatig gebruik ondermijnt de voordelen van TypeScript.

Interfaces en types

Met interfaces en type-aliassen kun je de structuur van objecten definiëren. Een interface beschrijft welke eigenschappen een object moet hebben en van welk type die zijn. Dit maakt het makkelijk om te communiceren wat een functie verwacht en geeft editors de mogelijkheid om te controleren of je de juiste structuur aanlevert.

Generics

Generics maken het mogelijk om herbruikbare functies en klassen te schrijven die met verschillende typen kunnen werken, terwijl de typeveiligheid behouden blijft. Een generieke functie die een array sorteert, kan zowel een array van getallen als een array van strings correct afhandelen zonder dat je twee aparte functies hoeft te schrijven.

Unions en intersections

Met union types kun je aangeven dat een waarde één van meerdere typen kan zijn. Met intersection types kun je meerdere typen samenvoegen tot één. Dit maakt TypeScript flexibel genoeg voor complexe, real-world datastructuren.

TypeScript instellen in een project

TypeScript toevoegen aan een project is relatief eenvoudig. Je installeert het via npm (npm install typescript –save-dev) en maakt een configuratiebestand aan (tsconfig.json) waarin je de compiler-opties instelt, zoals het doelplatform (welke JavaScript-versie), de strenge typechecking en de mappenstructuur.

De meeste moderne buildtools en frameworks ondersteunen TypeScript out of the box: Create React App, Vite, Next.js en Angular bieden TypeScript-sjablonen aan die je direct kunt gebruiken. Voor bestaande JavaScript-projecten kun je TypeScript geleidelijk introduceren door bestanden één voor één te hernoemen van .js naar .ts en incrementeel typen toe te voegen.

TypeScript versus JavaScript: wanneer kies je wat?

TypeScript is niet in alle gevallen de beste keuze. Voor kleine scripts, prototypes of projecten van één persoon kan de extra setup en het schrijven van typen meer tijd kosten dan het oplevert. JavaScript blijft uitstekend voor snelle prototyping en eenvoudige projecten.

TypeScript schittert in grotere projecten met meerdere ontwikkelaars, complexe datastructuren en een lange levensduur. Hoe groter en complexer de codebase, hoe groter de voordelen van statische typen in termen van foutpreventie en onderhoudbaarheid. Voor professionele webapplicaties is TypeScript inmiddels de de facto standaard geworden in de meeste teams.

Conclusie

TypeScript brengt de voordelen van statisch getypeerde talen naar het JavaScript-ecosysteem, zonder de vertrouwde flexibiliteit en het enorme ecosysteem van JavaScript op te geven. Door fouten vroeg te detecteren, de code zelfDocumenterend te maken en editors in staat te stellen slimme hulpmiddelen te bieden, verhoogt TypeScript de kwaliteit en de onderhoudbaarheid van je codebase aanzienlijk. De leercurve is mild voor iedereen die al JavaScript kent: je kunt beginnen met kleine stappen en geleidelijk meer typen toevoegen naarmate je vertrouwder raakt met het systeem. Voor professionele en teamgebaseerde softwareontwikkeling is TypeScript inmiddels een onmisbaar gereedschap. Start vandaag met TypeScript in jouw volgende project en ervaar hoe het de kwaliteit van jouw code naar een hoger niveau tilt.