Entdecke, was TypeScript ist, welches Problem es löst, und schreibe deine allererste typisierte Datei.
Diese Lektion in Kodokon öffnenDu kennst JavaScript bereits, die Sprache, die Webseiten interaktiv macht. TypeScript ist eine Erweiterung von JavaScript: Jeder gültige JavaScript-Code ist auch TypeScript-Code. Sein großer Zusatz sind Typen. Ein Typ beschreibt die Natur eines Werts: ein Text, eine Zahl, ein wahr oder falsch... Indem du den Typ deiner Variablen angibst, lässt du den Computer deinen Code prüfen, bevor er ausgeführt wird.
Warum ist das nützlich? In JavaScript hindert dich nichts daran, einen Text zu übergeben, wo eine Zahl erwartet wurde. Das Programm läuft trotzdem... und liefert ein absurdes Ergebnis, das oft erst viel später auffällt. Sieh dir dieses Beispiel an: Die Funktion erwartet einen Preis als Zahl, bekommt aber einen Text.
function addTax(price) {
return price + price * 0.2;
}
const total = addTax("100");
console.log(total); // "10020" instead of 120!Mit TypeScript fügst du eine Typannotation hinzu: einen Doppelpunkt gefolgt vom Typ, direkt hinter dem Namen eines Parameters oder einer Variable. TypeScript-Code wird anschließend kompiliert, also von einem Werkzeug namens Compiler (tsc) in normales JavaScript übersetzt. Genau in diesem Schritt werden Typfehler erkannt und gemeldet.
function addTax(price: number): number {
return price + price * 0.2;
}
const total = addTax(100);
console.log(total); // 120Schreiben wir jetzt deine erste typisierte Datei. Eine TypeScript-Datei verwendet die Endung .ts statt .js. Darin schreibst du ganz normales JavaScript, angereichert mit Typannotationen.
let firstName: string = "Sarah";
let age: number = 28;
console.log(firstName + " is " + age + " years old.");