Menu
Coddy logo textTech
COMMENCER À APPRENDRE
flag Fr iconFrançaisdown icon

Héritage de la classe Circle

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy. Leçon 40 sur 56.

challenge icon

Défi

Votre tâche consiste à créer une classe Circle qui hérite de la classe Shape.

  1. Dans le fichier nommé Circle.js, importez la classe Shape en haut : import { Shape } from './Shape.js';
  2. Créez une classe Circle qui extends Shape et exportez-la
  3. Le constructeur doit prendre deux paramètres : color et radius
  4. Appelez super(color) pour initialiser la classe parente
  5. Stockez le radius en tant que propriété : this.radius = radius
  6. Importez la classe `Circle` dans le fichier principal

Essayez vous-même

import { Shape } from './Shape.js';
// TODO:  Importer la classe `Circle`


// Tests
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"

const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Devrait afficher : "A blue shape"

Toutes les leçons de Programmation Orientée Objet

1Objets et le mot-clé this

Révision rapide : Les objetsAjouter des méthodes aux objetsComprendre le mot-clé thisFonctions constructeursLe mot-clé newDéfi récapitulatif

4Méthodes et gestion de l'état

Méthodes modifiant l'étatPattern de chaînage de méthodes

7L'héritage et le mot-clé extends

L'héritageLa relation « est un »Le mot-clé extendsLa méthode super()Hériter des propriétés et méthodesDéfi récapitulatif

10Polymorphisme

Qu'est-ce que le polymorphisme ?Redéfinition de méthodes héritéesUtiliser superDéfi récapitulatif

13Composition vs Héritage

Les relations « has-a » vs « is-a »Les limites de l'héritage profondConstruction d'objets

2Organisation du code

Qu'est-ce qu'un module ?Exporter avec exportImporter avec importExports par défaut vs nommés

5Encapsulation & Accès

EncapsulationChamps de classe publics et privésMéthodes privéesDéfi récapitulatif

8Organisation du code POO

Organiser les classes en modules

11Projet : Un moteur de rendu de formes

Configuration : Classe Shape et ExportationHéritage de la classe CircleRedéfinition et méthode AreaCompteur de formes statique

14Système de gestion de bibliothèque

Conception de la bibliothèqueClasse Book avec compositionValidation de l'auteur du livre

3Classes et Objets

Qu'est-ce qu'une classe ?Créer des instancesPropriétés et méthodesDéfi récapitulatif

6Projet : Un compte bancaire simple

Classe BankAccountDépôts et retraitsLe solde comme champ privé

9Méthodes et propriétés statiques

Niveau classe vs Niveau instancePropriétés statiquesMéthodes utilitaires statiquesDéfi récapitulatif

12Getters et Setters

Les mots-clés get et setPropriétés calculéesValidation et effets de bordDéfi récapitulatif

15Défis finaux

Créateur de personnages de jeuSystème de produits E-commerceSystème de gestion universitaireSystème d'appareils domotiques

Entraînez-vous par vous-même : Compilateur JavaScript en ligne