𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 𝗨𝗶𝘁𝗴𝗲𝗹𝗲𝗴𝗱: 𝗪𝗮𝗿𝗼𝗺 𝗷𝗲 𝗵𝗲𝘁 𝗻𝗼𝗱𝗶𝗴 𝗵𝗲𝗲𝗯𝘁
Je schrijft elke dag JavaScript. Het werkt prima. Dus waarom overstappen naar TypeScript?
Ik was ooit twee dagen bezig met het oplossen van een bug in productie. Het was een simpele typefout in een eigenschapsnaam. TypeScript had die fout binnen milliseconden gevonden.
TypeScript is JavaScript met types. Microsoft heeft het in 2012 ontwikkeld. Grote teams bij Google en Slack gebruiken het.
TypeScript vervangt JavaScript niet. Het wordt gecompileerd naar gewone JavaScript. Browsers en Node.js draaien de resulterende JS-bestanden. TypeScript helpt je om betere code te schrijven voordat je deze uitvoert.
Vergelijk deze twee voorbeelden:
JavaScript:
function greetUser(name) {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Dit laat je app crashen tijdens runtime.
TypeScript:
function greetUser(name: string): string {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Dit geeft direct een foutmelding in je editor.
Waarom TypeScript gebruiken?
- Fouten vroegtijdig opsporen: Je vindt fouten terwijl je typt, niet wanneer gebruikers ze ontdekken.
- Betere autocomplete: Je editor kent je datastructuur en stelt eigenschappen voor.
- Levende documentatie: Je ziet precies welke data een functie nodig heeft door naar de signature te kijken.
- Veilige refactoring: Als je een eigenschap hernoemt, markeert TypeScript elke plek in je code waar het misgaat.
Hoe te beginnen:
Installeer het via npm: npm install -g typescript
Maak een bestand aan met de naam hello.ts: const message: string = "Hello, TypeScript!"; console.log(message);
Compileer het: tsc hello.ts
Dit maakt een hello.js-bestand aan. De types verdwijnen in de output, waardoor er schone JavaScript overblijft die je browser kan uitvoeren.
Veelvoorkomende fouten om te vermijden:
- Alles het type "any" geven: Dit haalt de voordelen van TypeScript weg. Wees specifiek.
- Fouten negeren: Verberg fouten niet met comments. Los het onderliggende probleem op.
- Overmatig annoteren: TypeScript is slim. Het kan het type vaak afleiden via type inference.
TypeScript heeft een kleine leercurve. Het verdient zichzelf terug naarmate je projecten groeien.