Abend 7: 22.06.2016 TypeScript & Engineering Prinzipien in JS

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.

1.  DRY (Don't Repeat Yourself)
2. YAGNI (You Ain't Gonna Need it)
3. KISS (Keep It Simple and Stupid)

a), c), d), e), f)

Beschreibung:

http://www.typescriptlang.org/docs/handbook/decorators.html

Bei einer for...in Schlaufe wird über den Key iteriert und funktioniert auch auf Objekte.

Eine for...of Schlaufe iteriert über die Werte und kann nicht auf ein Objekt angewendet werden.

• S.ingle responsibility principle
• O.pen for extension, closed for modification principle
• L.iskov substitution principle (Design by contract)
• I.nterface segregation principle
• D.ependency inversion principle

https://en.wikipedia.org/wiki/SOLID_(object-oriented_design)

• Static Typing
• ES6/7 Features