Menu
Coddy logo textTech

Créer des instances

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 12 sur 56.

Après avoir défini une classe, vous pouvez créer des objets basés sur cette classe en utilisant le mot-clé new. Ces objets sont appelés des instances.

Supposons que nous ayons une simple classe Person :

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  greet() {
    return `Hello, my name is ${this.name}`;
  }
}

Créez une instance de la classe Person :

const john = new Person("John", 30);

Après l'exécution du code ci-dessus, john est une instance de la classe Person avec :

  • la propriété name définie sur "John"
  • la propriété age définie sur 30

Vous pouvez accéder aux propriétés et aux méthodes de l'instance :

console.log(john.name); // Affiche : John
console.log(john.greet()); // Affiche : Hello, my name is John

Vous pouvez créer plusieurs instances à partir de la même classe :

const sarah = new Person("Sarah", 25);
console.log(sarah.name); // Affiche : Sarah
challenge icon

Défi

Vous disposez d'une classe Student. Votre tâche consiste à créer deux instances d'étudiant dans le fichier driver.js :

  1. Créez student1 avec le nom "Sarah" et la note 85
  2. Créez student2 avec le nom "Mike" et la note 92

Aide-mémoire

Pour créer une instance d'une classe, utilisez le mot-clé new :

const john = new Person("John", 30);

Accédez aux propriétés et aux méthodes d'une instance en utilisant la notation par point :

console.log(john.name); // Affiche : John
console.log(john.greet()); // Affiche : Hello, my name is John

Vous pouvez créer plusieurs instances à partir de la même classe :

const sarah = new Person("Sarah", 25);
console.log(sarah.name); // Affiche : Sarah

Essayez vous-même

import { Student } from './student.js';

// TODO: Créer une instance de la classe Student appelée student1 avec le nom "Sarah" et la note 85

// TODO: Créer une instance de la classe Student appelée student2 avec le nom "Mike" et la note 92


// Code de test - ne pas modifier
console.log(student1.name);  // Devrait afficher "Sarah"
console.log(student2.grade); // Devrait afficher 92
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