Choix de la langue :

• 
• 
• 

Menu Principal

• 
• 
• 
• 
• 

Ligams » Publications » Javascript » POO : Créer une classe en Javascript

Programmation orientée objet en Javascript

La programmation orientée objet est possible sans utilisation de framework particulier, on peut très bien créer des classes et les instancier directement et nativement.

Création d'une Classe Javascript

Pour faire un exemple parlant nous allons créer la même Classe dans un langage très connu de tous : PHP

Exemple PHP :

Il s'agira d'une classe tout simple qui bonjour aux utilisateurs, en PHP cela donnerait :

<?php
class Exemple
{
 var $utilisateur;
 /**
  * Constructeur : initialise l'attribut utilisateur
  */
 function Exemple()
 {
  $this->utilisateur = "Stéphane";
 }
 function DitBonjour()
 {
  echo "Bonjour ".$this->utilisateur;
 }
}
?>

Le mot clé Class existe en PHP donc pas de soucis particulier; pour instancier et utiliser cette classe, on fera simplement :

$oExemple = new Exemple();
$oExemple->DitBonjour(); //affiche "Bonjour Stéphane"

En Javascript :

C'est différent car le mot clé class n'existe pas, on peut obtenir la même chose de la manière suivante :

function Exemple
 {
  var utilisateur;
  
  this.DitBonjour = function()
  {
   document.write( "Bonjour "+ this.utilisateur);
  }
 /* initialisation de l'attribut à la fin
  * (Constructeur)
  */
 this.utilisateur = "Stéphane";
 }
 

Notez qu'il n'y a pas de Méthode constructeur explicite : la Méthode Exemple, qui est notre classe, construit ses propres instances grâce au mot clé new, comme dans les autres langages orientés objet. Le code se lisant de haut en bas, on initialise l'attribut à la fin de la Méthode exemple; cela n'a aucune importance ici, mais cela peut en avoir si vous utilisez des méthodes de la classe Exemple pour l'initialiser vos objets. Il est important que les méthodes aient été déclarées au moment ou elles sont appelées.

Exemple est donc à la fois une méthode, et une classe, on peut l'instancier si l'on souhaite, voici l'utilisation :

var oExemple = new Exemple();
oExemple.DitBonjour(); // affichera "Bonjour Stéphane"

On peut donc développer tout à fait "normalement" et facilement Objet en javascript.

Commentaires

Les commentaires sont tous validés par un modérateur, votre commentaire n'apparaît pas directement sur le site.
Aucun support n'est assuré ici, vous pouvez néanmoins laisser vos remarques et critiques sur l'article, les points de vue pertinents sont toujours les bienvenus.