Quelques astuces en Javascript

Cet article est dédié à mon ami Youssef qui débute en développement web, et qui s'en sort très bien ;) pour le moment. Bref comme je suis du genre perfectionniste et c'est d'ailleurs l'un de mes plus gros défauts j'écris ce petit poste pour essayer d'éclaircir quelques détails en Javascript.

Le Javascript a longtemps été considéré comme la cerise sur le gâteau, il a toujours été marginalisé même en développement web (un moteur Javascript peut servir à beaucoup d'autres choses), jusqu'au soit disant web 2.0 (d'ailleurs je n'ai jamais su vraiment ce que ça veut dire). maintenant c'est devenu une obligation et on parle même du Javascript coté serveur.

Pour ne pas sortir du sujet le Javascript est un langage très flexible, certes avec beaucoup de limitations tel que l'accès aux fichiers, le multithreading, l'accès réseau ... aussi un projet Javascript est généralement très difficile à maintenir même si des extensions tel que Firebug aident énormément.

Les exemples suivants peuvent être directement exécutés sur la console de Firebug.

exemple 1: (accéder un élément inexistant dans un Array ne génère pas d'erreur)

var a = [1,2,3,4];
   delete a[1];
   alert(a); // donne [1, undefined, 3, 4]
   a.length; //donne 4
   a[20];// donne undefined

exemple 2: (Respecter le nombre de paramètres n'est pas obligatoire)

function f(c, d) {
       alert(c);
       alert(d);
   }
   f("bonjour");

exemple 3: (une variable déclaré avec le mot clé var est reconnue que sur le bloc où elle est déclarée)

var a = function() {
       b = 1;
       var c = 2;
   }
   a();
   b; //donne 1
   c; //donne undefined
   window.b; // donne 1

exemple 4 : (on peut comparer les valeurs de 2 variables mais aussi leur type avec "===")

6 == "6" // donne true
   6 === "6" // donne false

exemple 5: (le javascript broie tout sur son passage)

4+"2" // donne "42"

exemple 6: (les variables sont visibles sur toute la fonction, c'est bcp plus pratique)

function a() {
       var a = 1;
       {
           a = 2;
           var b = 3;
       }
       alert(a); // donne 2
       alert(b); // donne 3
   }

exemple 7:

function f1(message) {
       return function(e) {
           alert(message);
       }
   };
   function f2(message) {
       return alert(message);
   };
   var msg = 'Alerte initiale';
   document.getElementById('boutton1').onclick = f1(msg); //donnera "Alert initiale"
   document.getElementById('boutton2').onclick = function(){ f2(msg); }; //donnera "Le message a changé"
   msg = 'Le message a changé';

C'est tout ce que j'ai pu trouver en repassant mes archives. N'oublions pas que le javascript est très orienté objet.

exemple 8: (un objet peut être créer de différentes façons)

var object = new Object();
   object.nom = 'Amine';
   object.age = 24;
   object = {
       name: "Amine",
       age: 24
   };

exemple 9: (un dernier exemple)

var simpleCalcul = {
       ajouter: function(a,b){
           return a+b;
       },
       retrancher: function(a,b){
           return a-b;
       }
   };
   simpleCalcul.ajouter( 1,1 ) //donne 2

Avant de conclure voici mon repère lorsqu'il s'agit de chercher une fonction Javascript.

Bon développement.

Commentaires (3):

Ajouter un commentaire

Nom :	*
Email :	* (ne sera pas affiché)
Site perso :
Commentaire :	*
	chargement