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

Propriétés et méthodes

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

Les classes en JavaScript nous permettent de définir des propriétés et des méthodes qui seront partagées par toutes les instances de la classe.

Créez une classe avec des propriétés :

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

Lors de la création d’une instance, le constructeur définit ces propriétés :

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make);  // Sortie : 'Toyota'
console.log(myCar.model); // Sortie : 'Corolla'

Ajoute une méthode à la classe :

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  getDescription() {
    return `This car is a ${this.make} ${this.model}.`;
  }
}

Nous pouvons maintenant appeler cette méthode sur n’importe quelle instance :

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // Sortie : 'This car is a Toyota Corolla.'
challenge icon

Défi

Créez une classe nommée Book dans le fichier book.js avec les éléments suivants :

  1. Un constructeur qui prend les paramètres title, author et pages, et les définit comme propriétés.
  2. Une méthode appelée getInfo qui renvoie une chaîne au format suivant : “Title: [title], Author: [author], Pages: [pages]”
  3. Exportez la classe en ajoutant `export` devant la déclaration de `class`

Essayez vous-même

import { Book } from './book.js';

// Test (ne pas modifier cette partie)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

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