Ajout de méthodes aux interfaces

Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 43 sur 73.

Les interfaces TypeScript vous permettent de définir ces comportements en incluant des signatures de méthodes à côté des définitions de propriétés.

La signature d’une méthode dans une interface spécifie le nom d’une méthode, ses paramètres et son type de retour, sans fournir l’implémentation réelle. Cela crée un contrat que tout objet conforme à l’interface doit respecter :

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

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

La signature de méthode greet(): string indique à TypeScript que tout objet implémentant l’interface Person doit avoir une méthode greet qui ne prend aucun paramètre et renvoie une chaîne de caractères. L’implémentation réelle peut varier selon les objets, mais la signature doit correspondre exactement.

Défi

Facile

Créez une interface nommée Calculator avec les propriétés et méthodes suivantes :

brand de type string
model de type string
isScientific de type boolean
la méthode add qui prend deux paramètres de type number et renvoie un number
la méthode getInfo qui ne prend aucun paramètre et renvoie une string

Créez une interface nommée BankAccount avec les propriétés et méthodes suivantes :

accountNumber de type string
balance de type number
isActive de type boolean
la méthode deposit qui prend un paramètre de type number et renvoie void
la méthode getBalance qui ne prend aucun paramètre et renvoie un number

En utilisant vos interfaces, créez les variables suivantes :

Créez une variable nommée myCalculator de type Calculator avec la marque "Casio", le modèle "FX-991EX", isScientific défini sur true, une méthode add qui renvoie la somme de ses deux paramètres et une méthode getInfo qui renvoie "[brand] [model]"
Créez une variable nommée savingsAccount de type BankAccount avec accountNumber égal à "SAV-12345", balance égal à 1500, isActive défini sur true, une méthode deposit qui ajoute le paramètre au solde et une méthode getBalance qui renvoie le solde actuel

Affichez les résultats suivants sur des lignes séparées :

Appelez la méthode getInfo sur myCalculator et affichez le résultat
Appelez la méthode add sur myCalculator avec les arguments 15 et 27, puis affichez le résultat
Appelez la méthode getBalance sur savingsAccount et affichez le résultat
Appelez la méthode deposit sur savingsAccount avec l'argument 250
Appelez à nouveau la méthode getBalance sur savingsAccount et affichez le résultat
Affichez la propriété isScientific de myCalculator

Essayez vous-même

// TODO: Écrivez votre code ici
// Créez l'interface Calculator avec les propriétés et méthodes requises
// Créez l'interface BankAccount avec les propriétés et méthodes requises
// Créez la variable myCalculator de type Calculator
// Créez la variable savingsAccount de type BankAccount
// Affichez toutes les sorties requises