Methoden zu Interfaces hinzufügen

Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 43 von 73.

Mit TypeScript-Schnittstellen kannst du diese Verhaltensweisen definieren, indem du Methodensignaturen zusammen mit Eigenschaftsdefinitionen einschließt.

Eine Methodensignatur in einem Interface gibt den Namen einer Methode, ihre Parameter und ihren Rückgabetyp an, ohne die tatsächliche Implementierung bereitzustellen. Dadurch wird ein Vertrag erstellt, den jedes Objekt erfüllen muss, das dem Interface entspricht:

interface Person {
  name: string;
  age: number;
  greet(): string;  // Method signature
}

let user: Person = {
  name: "Alice",
  age: 30,
  greet() {
    return `Hello, I'm ${this.name}`;
  }
};

Die Methodensignatur greet(): string teilt TypeScript mit, dass jedes Objekt, das die Schnittstelle Person implementiert, über eine greet-Methode verfügen muss, die keine Parameter entgegennimmt und einen String zurückgibt. Die tatsächliche Implementierung kann zwischen verschiedenen Objekten variieren, aber die Signatur muss exakt übereinstimmen.

Aufgabe

Einfach

Erstelle ein interface namens Calculator mit den folgenden Eigenschaften und Methoden:

brand vom Typ string
model vom Typ string
isScientific vom Typ boolean
die Methode add, die zwei number-Parameter entgegennimmt und ein number zurückgibt
die Methode getInfo, die keine Parameter entgegennimmt und einen string zurückgibt

Erstelle ein interface namens BankAccount mit den folgenden Eigenschaften und Methoden:

accountNumber vom Typ string
balance vom Typ number
isActive vom Typ boolean
die Methode deposit, die einen number-Parameter entgegennimmt und void zurückgibt
die Methode getBalance, die keine Parameter entgegennimmt und ein number zurückgibt

Erstelle mithilfe deiner interfaces die folgenden Variablen:

Erstelle eine Variable namens myCalculator vom Typ Calculator mit der Marke "Casio", dem Modell "FX-991EX", isScientific auf true gesetzt, einer add-Methode, die die Summe ihrer beiden Parameter zurückgibt, und einer getInfo-Methode, die "[brand] [model]" zurückgibt
Erstelle eine Variable namens savingsAccount vom Typ BankAccount mit accountNumber "SAV-12345", balance 1500, isActive auf true gesetzt, einer deposit-Methode, die den Parameter zum Kontostand addiert, und einer getBalance-Methode, die den aktuellen Kontostand zurückgibt

Gib die folgenden Ausgaben in separaten Zeilen aus:

Rufe die Methode getInfo für myCalculator auf und gib das Ergebnis aus
Rufe die Methode add für myCalculator mit den Argumenten 15 und 27 auf und gib das Ergebnis aus
Rufe die Methode getBalance für savingsAccount auf und gib das Ergebnis aus
Rufe die Methode deposit für savingsAccount mit dem Argument 250 auf
Rufe die Methode getBalance für savingsAccount erneut auf und gib das Ergebnis aus
Gib die Eigenschaft isScientific von myCalculator aus

Probier es selbst

// TODO: Schreibe deinen Code hier
// Erstelle das Calculator-Interface mit den erforderlichen Eigenschaften und Methoden
// Erstelle das BankAccount-Interface mit den erforderlichen Eigenschaften und Methoden
// Erstelle die Variable myCalculator vom Typ Calculator
// Erstelle die Variable savingsAccount vom Typ BankAccount
// Gib alle erforderlichen Ausgaben aus