Configuration : Classe Shape et Exportation
Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 39 sur 56.
Défi
Dans ce projet, nous allons construire un système simple de rendu de formes qui démontre les concepts clés de la programmation orientée objet. Nous allons créer différentes formes capables de se décrire elles-mêmes, pratiquer l'héritage et organiser notre code à l'aide de modules.
Votre tâche :
- Dans `Shape.js`, créez une classe `Shape` avec :
- Un constructeur qui prend un paramètre :
color - Une méthode nommée
describe()qui retourne :"A ${color} shape"
- Un constructeur qui prend un paramètre :
- Exportez la classe en utilisant
export - Dans
main.js, importez la classe en utilisant :import { Shape } from './Shape.js';
Essayez vous-même
// À FAIRE : Importer la classe Shape depuis './Shape.js' ;
// Tester la classe Shape
const myShape = new Shape('blue');
console.log(myShape.describe()); // Affiche : "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écapitulatif7L'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écapitulatif10Polymorphisme
Qu'est-ce que le polymorphisme ?Redéfinition de méthodes héritéesUtiliser superDéfi récapitulatif13Composition vs Héritage
Les relations « has-a » vs « is-a »Les limites de l'héritage profondConstruction d'objets2Organisation du code
Qu'est-ce qu'un module ?Exporter avec exportImporter avec importExports par défaut vs nommés5Encapsulation & Accès
EncapsulationChamps de classe publics et privésMéthodes privéesDéfi récapitulatif8Organisation du code POO
Organiser les classes en modules11Projet : Un moteur de rendu de formes
Configuration : Classe Shape et ExportationHéritage de la classe Circle14Système de gestion de bibliothèque
Conception de la bibliothèqueClasse Book avec composition3Classes et Objets
Qu'est-ce qu'une classe ?Créer des instancesPropriétés et méthodesDéfi récapitulatif9Méthodes et propriétés statiques
Niveau classe vs Niveau instancePropriétés statiquesMéthodes utilitaires statiquesDéfi récapitulatif