Datum:
9. April 2025 12:25
- Ein von Microsoft entwickelte Sprache.
- Erweiterung (Superset) von JavaScript, abwärtskompatibel zu JavaScript.
- JavaScript-Code ist auch TypeScript-Code.
- TypeScript ist nur zur Compilezeit aktiv.
Installation
- node.js installieren
- TypeScript installieren
- npm install typescript --save-dev
- Datei kompilieren (in JavaScript umsetzen)
- npx tsc [dateiname] (mit/ohne ext)
Konfiguration
- Datei
tsconfig.json - compilerOptions (settings)
- "lib": [ "dom", "esnext" ]
- "strict": true (verhindert null Übergabewerte)
- include (./**/*.ts)
- exclude (./build)
- ts-node compiliert sofort
Typen
- string, string[]
- number
- boolean
- unknown (keine Operationen zulassen)
- any (alle Operationen zulassen)
- void (für function-Rückgabewert ohne returnvalue)
- never (für function-Rückgabewert wenn function nicht durchlaufen wird, z.B.
throw new Error();) - type (eigene Typendefinition, Enum)
- interface (eigene Typendefinition, Klasse)
- class (eigene Typendefinition, Klasse)
Elemente
- const var = { key: 'value', key: 'value' };
- const var: Type = { key: 'value', key: 'value' };
- const add = function(n1: number, n2: number): number { return n1 + n2; }
- type Type = 'open' | 'done';
- interface Type {
field1: string;
field2: string;
fieldor: string | number;
optionalfield?: string;
enumvalue: 'open' | 'done'
} - interface Type {
genericdata: T;
...
} - const var: Type {
genericdata: {
''
}}
- class Type {
}
Typen import / export
- import { Type } from './Type'; // Type mit export einbinden
- export { Type }; // Type in separatem File freigeben
Arrays
- Member: private var: Type[];
- Init: this.var = [];
- Add: this.var.push(newelement);
- Suchen: this.var.find(el => el.m === 'value');