5.1 Notions de base

Plus tôt dans le cours, vous avez vu que les objets JavaScript sont des collections de paires clé/valeur. Dès que plusieurs propriétés sont fortement liées entre elles, il est préférable de les encapsuler dans un objet plutôt que de garder des variables indépendantes. Imaginons une application qui dessine différentes formes : cercles, rectangles, etc. Pour un cercle, on aurait radius, x, y — toutes ces variables décrivent la même entité.

Regrouper variables et fonctions dans un objet

On définit un objet cercle avec la syntaxe littérale (accolades). Chaque paire clé/valeur représente une propriété. La valeur peut être de n'importe quel type : nombre, chaîne, booléen, null, undefined, un autre objet, un tableau, ou même une fonction. On peut par exemple regrouper x et y sous une propriété location qui pointe vers un sous-objet, ajouter une propriété visible booléenne, et inclure une fonction draw directement dans l'objet.

const cercle = {
  radius: 1,
  location: { x: 1, y: 1 },
  visible: true,
  draw: function() {
    console.log('draw');
  }
};

cercle.draw();

Programmation orientée objet : la notion de méthode

On accède aux propriétés et fonctions de l'objet avec la notation point : cercle.draw(). Ce style de programmation, où l'on organise le programme autour d'objets qui collaborent, s'appelle la programmation orientée objet (POO). Dans le vocabulaire POO, une fonction qui fait partie d'un objet est appelée une méthode. On ne dit donc pas qu'on appelle « la fonction draw de l'objet cercle », mais « la méthode draw de l'objet cercle ». La syntaxe littérale est un moyen simple de créer des objets, mais à mesure que les applications grandissent, on a besoin d'autres façons de les créer — c'est l'objet de la prochaine vidéo.

En résumé

Cette leçon introduit les fondamentaux des objets en JavaScript et de la programmation orientée objet (OOP). Elle explique comment regrouper des propriétés liées (variables) dans un objet plutôt que de les maintenir indépendantes, et montre comment ajouter des méthodes (fonctions) à l'intérieur d'un objet pour manipuler ces propriétés. La leçon conclut en présentant l'OOP comme un style de programmation où le programme est vu comme une collection d'objets communiquant entre eux.

Points clés

• Les objets JavaScript sont des collections de paires clé-valeur permettant de regrouper des variables liées au lieu de les garder indépendantes
• Un objet peut contenir différents types de valeurs : nombres, chaînes, booléens, autres objets, tableaux ou fonctions
• Les fonctions à l'intérieur d'un objet s'appellent des méthodes ; on y accède par notation par points (objet.methode)
• La programmation orientée objet (OOP) considère un programme comme une collection d'objets qui communiquent pour effectuer des fonctionnalités
• La syntaxe littérale d'objet utilise les accolades {} et les paires clé:valeur pour créer rapidement une instance d'objet

Questions fréquentes

Quelle est la différence entre une fonction et une méthode en JavaScript ?

Une fonction est autonome et indépendante. Une méthode est une fonction qui fait partie d'un objet et est appelée via la notation par points.

Comment accède-t-on aux propriétés et méthodes d'un objet ?

En utilisant la notation par points : objet.propriete ou objet.methode(). Par exemple, cercle.rayon ou cercle.draw().

Pourquoi est-il préférable de regrouper des variables liées dans un objet ?

Cela améliore l'organisation du code, permet de transmettre toutes les variables associées ensemble à travers le programme et rend le code plus maintenable et plus lisible.