Programmation Objet en Javascript

julien lavault — Mon, 03 Sep 2007 16:41:00 +0000

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é !

JFLAD Blog: Recherche & développement: Ajax, Javascript, CSS, XHTML, Flash, Référencement, Webmarketing, Open Source, gestion de projet - Action Script

Programmation Objet en Javascript