Programmation JavaScript Objet par l’exemple

Un très bon exemple de programmation JS Objet (concis et rapide) sur le blog jflad :

Ce tutoriel vous présente la syntaxe de la programmation Objet en Javascript. Pour la petite histoire, le Javascript était le précurseur des langages orienté Objet pour le Web. Décliner en Action Script pour Flash ou il a connu un très grand succès, il a perdu progressivement de sa notoriété au fil des années, mais heureusement avec le Buzz du Web 2.0 et Ajax, ce langage bénéficie d’une seconde vie !

Voici un exemple qui vous montre comme créer vos propres objet en Javascript et les instancier:

// Object JS
var monObjet = {

// Paramètre
param1: {“x”: 0, “y”: 0},    // On constate qu’un variable de paramètre peut aussi être un objet
param2: 2,
param3: 333,

// Méthode
maMethode1 : function (var1, var2) {
this[‘param1’].x = var1;   // On pointe sur le paramètre objet avec des crochets comme dans Flash!
this.param2 = var2;         // Poitage classique sur un paramètre
alert(‘Var1: ‘+var2);
},

maMethode2 : function() {
var var2 = this[‘param1’].x;
alert(‘Var2: ‘+var2);
},

maMethode3 : function() {
var var3 = this[‘param3’];
alert(‘Var3: ‘+var3);
}

}

// Pour instancier un objet ‘monObjet’ et lui appliquer des méthode
monObjet.maMethode1(100,200);
monObjet.maMethode2();
monObjet.maMethode3();

Comme vous pouvez le constater, ce n’est pas très compliquer, mais il y a beaucoup de mauvaise utilisation du Javascript qui porte souvent à confusion. Mais cet exemple illustre la véritable syntaxe orienté objet du Javascript, couplé avec Mootools, vous allez vraiment avoir un grande liberté d’action un fois ce principe maitrisé !

source

Leave a Reply

Your email address will not be published. Required fields are marked *