TypeScript:
Code in Funktionen organisieren

Wie:

Stellen Sie sich vor, Sie erstellen einen einfachen Taschenrechner. Anstatt die Logik für die Addition überall dort zu schreiben, wo Sie sie benötigen, erstellen Sie eine add Funktion:

function add(x: number, y: number): number {
  return x + y;
}

console.log(add(5, 7)); // Beispiel-Ausgabe: 12

Nehmen wir nun an, wir benötigen eine Funktion zum Multiplizieren:

function multiply(x: number, y: number): number {
  return x * y;
}

console.log(multiply(3, 4)); // Beispiel-Ausgabe: 12

Bemerken Sie, wie wir uns auf eine Aufgabe pro Funktion konzentrieren? Das ist das Herzstück der Codeorganisation.

Tiefergehende Betrachtung

Historisch gesehen, als Programmiersprachen sich entwickelten, wurden Funktionen entscheidend für die Strukturierung von Code, angelehnt an mathematische Funktionen. Sie sind ein Grundpfeiler der prozeduralen Programmierung und leben weiter in den Paradigmen der objektorientierten und funktionalen Programmierung.

Alternativen? Man könnte einfach keine Funktionen verwenden, aber das wäre ein direkter Weg zur Spaghetti-Stadt. Oder man könnte OOP (Objektorientierte Programmierung) gehen und Funktionalitäten in Methoden packen – die im Grunde Funktionen sind, die zu Objekten gehören.

Was die Implementierung angeht, besteht TypeScript auf Typen. Eingabe- und Ausgabetypen für Funktionen zu definieren, ist nicht nur eine Frage guter Manieren; es ist ein Muss für sauberen TypeScript-Code. Plus, mit TypeScript erhalten Sie nützliche Features wie Überladungen, Generika und optionale Parameter, um Ihre Funktionen aufzuladen.

Siehe auch

Schauen Sie sich diese Ressourcen an, um Ihr Funktionsspiel zu verbessern:

• TypeScript-Handbuch – Funktionen: Ihre Bibel für TypeScript-Funktionen.
• Clean Code JavaScript: Wenden Sie die Prinzipien des Clean Codes auf Ihre JavaScript-Funktionen an.
• You Don’t Know JS – Scope & Closures: Verstehen Sie, wie Funktionen mit Scope und Closures in JavaScript arbeiten.