Tipps und Tools für die TypeScript-Praxis

// Beispiel für die Verwendung von Typen
function addNumbers(a: number, b: number): number {
  return a + b;
}
let myString: string = "Hallo, TypeScript!";
let myArray: number[] = [1, 2, 3, 4, 5];

// Beispiel für Typinferenz
let myNumber = 42; 
  // TypeScript erkennt den Typ als "number" an.

// Beispiel für typisierte Funktion und Rückgabewert
function greet(name: string): string {
  return `Hallo, ${name}!`;
}

// Beispiel einer Schnittstelle in TypeScript
interface PersonInterface {
  name: string;
  age: number;
  greet(): string;
}
class Student implements PersonInterface {
  constructor(public name: string, public age: number) { }
  greet() {
    return `Hallo, ich bin ${this.name} und ${this.age} 
      Jahre alt.`;
  }
}

interface PersonInterface{
  name : string;
  age : number;
}
let newPerson = { 
  name: "Max Mustermann",
  age: 32
} as PersonInterface;

// Beispiel einer generischen Funktion in TypeScript
function reverse<T>(array: T[]): T[] {
  return array.reverse();
}
let numbers: number[] = [1, 2, 3, 4, 5];
let reversedNumbers = reverse(numbers); 
  // reversedNumbers hat den Typ number[]
let names: string[] = ["Alice", "Bob", "Charlie"];
let reversedNames = reverse(names); 
  // reversedNames hat den Typ string[]

interface Person {
  name: string;
  age: number;
  greet(): string;
}
class Student implements Person {
  constructor(public name: string, public age: number) {
  }
  greet() {
    return `Hallo, ich bin ${this.name} und ${this.age}
      Jahre alt.`;
  }
}
class Teacher implements Person {
  constructor(public name: string, public age: number, 
    public course : string) { }
  greet() {
    return `Hallo, ich bin ${this.name}, ${this.age} 
      Jahre alt und unterrichte ${this.course}.`;
  }
}
function displayPerson(person : Person){
  //if person ist Student => Gehe zu URL "student/..."
  //if person ist Teacher => Gehe zu URL "teacher/..."  
}
let studentObj = new Student("Max Mustermann", 21);
let teacherObj = new Teacher("Anna Müller", 34, 
  "Mathematik");
displayPerson(studentObj);

interface PersonAbstraction{
  teacher? : Teacher;
  student? : Student;
}

function displayPerson(person : PersonAbstraction)
{
  if(person.teacher)
  {
    //das Objekt ist ein Lehrer
  }
  else if(person.student)
  {
    //das Objekt ist ein Schüler
  }
}
let studentObj = new Student("Max Mustermann", 21);
displayPerson({ student: studentObj });

/**
 * Berechne die Summe von zwei Zahlen.
 *
 * @param {number} a - 1. Zahl.
 * @param {number} b - 2. Zahl.
 * @returns {number} Die Summe der beiden Zahlen.
 */
function sumNumbers(a: number, b: number): number {
  return a + b;
}

import * as _ from 'lodash';
const numbers: number[] = [1, 2, 3, 4, 5];
// Beispiel: Verwendung der "map"-Funktion, um die 
// Inhalte des Arrays zu verdoppeln
const doubledNumbers = _.map(numbers, (num) => num * 2);
// Ergebnis: [2, 4, 6, 8, 10]
// Beispiel: Verwendung der "filter"-Funktion, um 
// ungerade Zahlen zu entfernen
const evenNumbers = _.filter(numbers, (num) => num % 2 
  === 0);
// Ergebnis: [2, 4]
// Beispiel: Verwendung der "sum"-Funktion, um die Summe 
// der Zahlen zu berechnen
const sumOfNumbers = _.sum(numbers);
// Ergebnis: 15

import * as _ from 'lodash';
const user = {
  name: 'Max Mustermann',
  age: 30,
  city: 'Augsburg'
};
// Beispiel: "omit"-Funktion, um das Alter aus dem 
// Objekt zu entfernen
const userWithoutAge = _.omit(user, 'age');
// Ergebnis: { name: 'Alice', city: 'Berlin' }
// Beispiel: "merge"-Funktion, um zwei Objekte 
// zusammenzuführen
const additionalInfo = {
  occupation: 'Lead-Developer',
  company: 'ACME Corp.'
};
const mergedUser = _.merge(user, additionalInfo);
// Ergebnis: { name: 'Max Mustermann', age: 30, 
// city: 'Augsburg', occupation: 'Lead-Developer', 
// company: 'ACME Corp.' }

import * as _ from 'lodash';
// Beispiel: Verwendung der "words"-Funktion, um die 
// Wörter im Text zu zählen
const sentence = 'Hallo, dies ist ein Beispieltext';
const wordCount = _.words(sentence).length;
// Ergebnis: 6
// Beispiel: Name für Anrede vorbereiten
const name = 'max mustermann';
const formattedName = _.upperFirst(name);
// Ergebnis: 'Max Mustermann'
// Beispiel: Firmenname für "ID" formatieren
const company = 'ACME-Corporation Limited';
const formattedId = _.camelCase(company);
// Ergebnis: 'AcmeCorporationLimited'

import moment from 'moment';
// Beispiel: Parsen eines Datums- und Zeit-Strings
const dateTime = '2023-01-01 12:30:00';
const parsedDateTime = moment(dateTimeStr);
console.log(parsedDateTime); // Ausgabe: 2023-01-01T12:30:00.000Z
// Beispiel: Formatierung des Datums und der Zeit im 
// gewünschten Format
const formattedDateTime = 
  parsedDateTime.format('DD.MM.YYYY HH:mm');
console.log(formattedDateTime); 
  // Ausgabe: 01.01.2023 12:30