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 constructor définit ces properties :

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

Ajoutez une method à la class :

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 method 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

Create a class named Book in the book.js file with the following:

  1. A constructor that takes title, author, and pages parameters and sets them as properties.
  2. A method called getInfo that returns a string in the format: “Title: [title], Author: [author], Pages: [pages]”
  3. Export the class by adding `export` in front of the `class` declaration

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