Ajouter des méthodes aux objets
Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 2 sur 56.
Les objets en JavaScript peuvent contenir non seulement des propriétés de données, mais aussi des méthodes — des fonctions qui appartiennent à l'objet.
Créez un objet simple avec une propriété :
const person = {
name: "John"
};Ajoutez une méthode à l'objet :
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Appelez la méthode :
person.greet(); // Retourne "Hello!"Vous pouvez également utiliser la syntaxe raccourcie introduite dans ES6 :
const person = {
name: "John",
greet() {
return "Hello!";
}
};
Défi
Ajoutez une méthode add à l'objet calculator qui prend deux nombres et retourne leur somme.
Exemple d'utilisation :
calculator.add(5, 3); <i>// returns 8</i>
Aide-mémoire
Les objets en JavaScript peuvent contenir des méthodes - des fonctions qui appartiennent à l'objet.
Ajouter une méthode à un objet :
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Appeler la méthode :
person.greet(); // Retourne "Hello!"Syntaxe raccourcie ES6 pour les méthodes :
const person = {
name: "John",
greet() {
return "Hello!";
}
};Essayez vous-même
let a = parseInt(inp[0]); // Ne modifiez pas cette ligne
let b = parseInt(inp[1]); // Ne modifiez pas cette ligne
// L'objet calculator existe déjà
const calculator = {
// TODO: Ajoutez ici la méthode 'add' qui prend deux nombres et retourne leur somme
};
console.log(calculator.add(a, b));
Testez-vousCette 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 Circle
Redéfinition et méthode AreaCompteur de formes statique14Système de gestion de bibliothèque
Conception de la bibliothèqueClasse Book avec compositionValidation de l'auteur du livre3Classes 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