Abend 7: 22.06.2016 TypeScript & Engineering Prinzipien in JS

- ist ein Super Set von JavaScript und wird schlussendlich zu normalen JavaScript kompiliert

- fügt der Web Entwicklung Typensicherheit hinzu, welches es gerade grösseren Teams eine grosse Hilfe ist

- ermöglicht es Entwicklern bereits heute Features von zukünftigen Sprachdefinitionen wie ECMAScript 2015 zu verwenden

Die Klasse welche man in einer anderen Klasse verwenden möchte, muss mit dem export Statement deklariert werden damit diese überhaupt importiert werden kann. Bein Import kann dann diese Klasse mit dem import Statement und der entsprechenden Pfadangabe in eine andere Klasse importiert werden.

Export:

export class StringValidator {
    // validate some strings
}

oder:

class StringValidator {
    // validate some strings
}
export { StringValidator };

Import:

import { StringValidator } from "./StringValidator";

let myValidator = new StringValidator();

alle

Dies kann in der tsconfig.json eingestellt werden oder in der Command Line per Parameter.

Typescripts Generics sind parametrisierte Typen. Die Idee dahinter ist, zusätzliche Variablen für Typen einzuführen. Diese Typ-Variablen repräsentieren zum Zeitpunkt der Implementierung unbekannte Typen. Erst bei der Verwendung der Klassen, Schnittstellen und Methoden werden diese Typ-Variablen durch konkrete Typen ersetzt. Damit kann typsichere und generische Programmierung gewährleistet werden.

Beispiel:

Ohne Generics

function identity(arg: number): number {
    return arg;
}

Mit Generics

function identity<T>(arg: T): T {
    return arg;
}

Anwendung

let output = identity<string>("myString");  // type of output will be 'string'

oder

let output = identity("myString");  // type of output will be 'string'

// Here we use type argument inference, that is, we want the compiler to set the value of T for us automatically based on the type of the argument we pass in

Mit Template Strings (Backtick)

let helloWorldText : string = "Hello World";
let html : string = `<div>${helloWorldText}</div>`;

• boolean
• number
• string
• Array
• Tuple
• Enum
• void
• any

var foo = 1;

Deklaration von Variablen, sollte aufgrund der Scoping Probleme nicht mehr verwendet werden.

let foo = 1;

Deklaration von Variablen welche strikte block-scoping regeln befolgen.

constant foo = 1;

Deklaration von Variablen wie mit let, welche jedoch nicht verändert werden können.