Approche "objet" en JavaScript

Introduction

Bien que l’implémentation du modèle de programmation orientée objet (POO) ne soit pas aussi complète en JavaScript qu’en C++ ou Java, JavaScript propose les mécanismes principaux gérés par ces langages.

Rappelons les principes les plus importants de la POO :

Encapsulation : assemblage d’un ensemble de propriétés (aspect données) et de fonctions encore appelées méthodes (aspect traitements) au sein d’un objet type (on parle plutôt d’ailleurs de classe) avec ensuite la possibilité de créer (instancier) des objets à partir de cette classe.
Héritage : possibilité de "fabriquer" une nouvelle classe à partir d’une classe préexistante, cette nouvelle classe héritant des propriétés et des méthodes de la classe de base (ajout de nouvelles propriétés/méthodes envisageable sur la nouvelle classe).
Polymorphisme : une méthode de même nom associée à plusieurs classes peut avoir des comportements différents pour certaines de ces classes.

Programmation orientée objet au travers d’exemples

JavaScript a toujours été une brique essentielle dans les développements web, essentiellement pour la programmation côté "client", c’est-à-dire du côté navigateur. Souvent sans s’immerger dans le langage les développeurs produisent du code JavaScript de qualité médiocre en se contentant d’adapter des codes sources récupérés sur des sites Internet et manipulent les concepts POO a minima.

En parallèle un grand nombre de librairies JavaScript sont apparues et leur utilisation permet de produire des applications de meilleure qualité. La maîtrise de ces librairies suppose toutefois des connaissances de base en POO sous JavaScript.

L’exposé qui va suivre a donc pour objectif de vous présenter ce qu’il faut savoir sur le sujet. Les concepts vont être exposés au travers d’une série d’exemples.

Ceux d’entre vous qui ont déjà une forte expérience dans d’autres langages dits POO (PHP 5, Java, C++...) seront peut-être dans un premier temps perturbés par les spécificités de la POO sous JavaScript, la POO par prototypage.

1. Séquence 1 : Déclaration des objets JavaScript en méthode "Inline"

Il s’agit de la manière la plus simple de déclarer un objet en JavaScript.

/* Déclaration inline d'un objet JavaScript */ 
/* NB : Cette technique ne permet pas l'héritage à partir de l'objet 
par la suite */ 
var Addition = { 
    x : 5, 
    y : 10, 
    calcul : function() 
    { 
        return this.x + this.y; 
    } 
}; 
 
/* Utilisation de l'objet Addition */ 
document.write("Somme : " + Addition.calcul());

Le résultat obtenu à l’exécution sera le suivant :

Somme = 15

Dans ce type de déclaration d’objet, il est possible de prévoir la spécification d’attributs (propriétés) et également de méthodes.

Le mot-clé this sert à indiquer...