Introduction à la programmation orientée objet en JavaScript#

Date de publication initiale : 22 août 2008

Introduction#

Ce tutorial n'a pas vocation à être une bible du JavaScript (JS), mais les librairies cartographiques (OpenLayers, GoogleMap...) utilisent de plus en plus ce langage. Il est donc important d'en comprendre les fondements afin de pouvoir lire, utiliser et appliquer les API disponibles. Et si vous désirez passer un jour à l'étape supérieure qu'est l'enrichissement de l'API par vos propres fonctions il sera nécessaire que vous maitrisiez certains aspects particuliers de la programmation orientée en JS.

JavaScript est un langage basé sur une notion de prototype par opposition à un langage basé sur des classes et sous-classes pour réaliser un héritage. Un prototype est un objet à partir duquel de nouveaux objets sont créés par clonage. Pour les personnes habituées au système de classes et d'instances (Delphi, C++, Java, C#...) cette notion peut paraitre déroutante. En réalité ce n'est qu'une habitude à prendre, une autre manière de programmer.

Créer un nouvel objet#

Il existe deux manières de créer un objet en JavaScript :

var obj1 = new object(); // A partir de la notion d'objet
// ou
var obj2 = {}; // A partir de la notation JSON

JavaScript considère les objets en tant que tableau associatif.

Mise en pratique#

N'importe quel objet primitif de JavaScript peut être étendu. Nous nous intéresserons pour notre exemple à l'objet string et à l'objet array.

Dans notre premier exemple nous étendrons l'objet string par une méthode permettant de vérifier si la fin de deux chaines de caractères correspondent. Dans notre second exemple nous étendrons l'objet array par une méthode permettant de calculer la somme des valeurs qu'il contient.

• Verification si la fin de deux chaines de caractères correspondent

String.prototype.endsWith = function(suffix){
  /*
    verifie si la fin de deux chaines de caractères sont égales
  */
  /*
    lastIndexOf -> méthode est similaire à indexOf(), à la différence que la recherche se fait de droite à gauche :
      Retourne la position d'une sous-chaîne (lettre ou groupe de lettres) dans une chaîne de caractère
   */
  return this.length - suffix.length==this.indexOf(suffix);
};

Exemple :

• Calcul de la somme des valeurs d'un tableau

Array.prototype.sum = function(){
  /*
    fait la somme des valeurs d'un tableau
    et verifie que la valeur est bien un nombre
     Number() convertit un string en number

  */
  sum =0;
  for(var x=0; arraySum.length>x; ++x){
    if (!isNaN(Number(this[x]))){
      sum = Number(this[x]) + sum;
    }
  }
  return sum;
};

Exemple :

Tableau récapitulatif#

Conclusion#

A l'heure actuelle la notion d'orienté objet n'est en réalité qu'une émulation. En effet, il n'existe presque aucun support (extends, super...) ni aucune logique (pas de réel concept de classe) permettant de mettre en oeuvre ce paradigme.

Néanmoins, plusieurs techniques (astuces?) permettent d'y arriver. Pourquoi alors essayer d'utiliser ce langage pour quelque chose pour lequel il n'a pas été prévu? A cette question je n'ai malheureusement aucune réponse claire (vos idées sont les bienvenues).

Néanmoins 'avantage indéniable de JS est sa fléxibilité (ex changement en cours d'exécution la structure des classes) ainsi que sa modularité qui en découle. De plus, on peut estimer qu'il a acquis une certaine robustesse (rigeur de codage des développeurs ?) au vu des librairies qui sont aujourd'hui disponibles telles que : Prototype, YUI, script.aculo.us, GoogleMap, OpenLayers...

Auteur·ice#

Arnaud Vandecasteele#

Bien qu'issu à l'origine d'un parcours universitaire (doctorat et post-doc), j'ai finalement tenté l'aventure entrepreunariale au travers de Geolab.
Mes principaux centres d'intêrets dans le domaine de la géomatique portent sur les logiciels Open Source et plus particulièrement QGIS.
J'aime également le développement informatique avec une forte préférence à tout ce qui se passe côté serveur (base de données, traitements, etc.). Côté techno, mes choix se portent habituellement sur du (Geo)Django et PostgreSQL/PostGIS.

Pendant mon temps libre, vous me trouverez un GPS à la main afin de contribuer à OpenStreetMap ou sur un tatami en train de pratiquer le Jiu-Jitsu Brésilien.

Si vous êtes intéressé par l'un ou tous ces sujets, n'hésitez pas à me contacter !

Commentaires