Fonctions constructeurs
Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 4 sur 56.
Les fonctions constructeurs sont des fonctions spéciales en JavaScript qui vous permettent de créer plusieurs objets avec la même structure et le même comportement.
Définissez une fonction constructeur pour un Person :
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
return "Hello, my name is " + this.name;
};
}Créez un nouvel objet Person en utilisant le constructeur :
const john = new Person("John", 30);
const tyler = new Person("Tyler", 35);Après l'exécution du code ci-dessus, john est un objet avec les propriétés suivantes :
// l'objet john contient :
{
name: "John",
age: 30,
greet: function() { return "Hello, my name is John"; }
}Accédez aux propriétés et appelez les méthodes :
console.log(john.name); // Affiche : John
console.log(john.greet()); // Affiche : Hello, my name is JohnDéfi
- Créez une fonction constructeur nommée
Bookqui prend trois arguments :
title(Chaîne de caractères)author(Chaîne de caractères)pages(Nombre)
La fonction doit définir ces éléments comme des propriétés sur l'objet créé.
2. Ajoutez une méthode appelée getSummary qui retourne une chaîne de caractères avec des informations sur le livre : this.title + " was written by " + this.author + " and has " + this.pages + " pages";
Aide-mémoire
Les fonctions constructeurs créent plusieurs objets avec la même structure. Utilisez le mot-clé new pour créer des instances :
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
return "Hello, my name is " + this.name;
};
}
const john = new Person("John", 30);
console.log(john.name); // Affiche : John
console.log(john.greet()); // Affiche : Hello, my name is JohnEssayez vous-même
// TODO: Créer une fonction constructeur nommée Book qui prend trois arguments (title, author, pages)
// TODO: Définir ces arguments comme propriétés sur l'objet créé
// TODO: Ajouter une méthode appelée getSummary qui retourne une chaîne de caractères avec des informations sur le livre.
// Par exemple: Harry Potter was written by Rowling and has 500 pages
// Ne pas modifier le code ci-dessous
const inputTitle = inp[0]; // Première ligne : titre du livre
const inputAuthor = inp[1]; // Deuxième ligne : auteur
const inputPages = parseInt(inp[2]);// Troisième ligne : nombre de pages
const book = new Book(inputTitle, inputAuthor, inputPages);
console.log(book.getSummary());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é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