10 Bonnes pratiques de codage en Javascript

JavaScript fait presque partie de toutes les pages Web. un code JavaScript mal écrit peut rendre difficile la garantie d’une expérience cohérente pour les utilisateurs. Dans cet article nous allons découvrir une liste des bonnes pratiques pour optimiser votre code JavaScript.
 

1. N’utiliser pas les commentaires HTML dans le bloc script

En 1995, certains navigateurs comme Netscape 1.0 n’avaient aucun support ou connaissance du tag script. Ainsi, lorsque javascript a été publié pour la première fois, une technique était nécessaire pour cacher le code des anciens navigateurs afin qu’ils ne l’affichent pas sous forme de texte dans la page. L’astuce consistait à utiliser des commentaires HTML dans le bloc script pour cacher le code.

Utiliser des commentaires HTML dans un bloc script est une mauvais pratique.

<script language="javascript">
<!--
   // votre code ici
//-->
</script>

 

2. Toujours utiliser ‘var’.

Les variables en javascript ont soit une portée globale, soit une portée locale, et l’utilisation du mot-clé ‘var’ est essentielle pour les garder impactes. Lors de la déclaration d’une variable à utiliser soit comme variable globale, soit comme variable locale, toujours préfixer la déclaration avec le mot-clé ‘var’. L’exemple ci-dessous met en évidence le problème potentiel causé par le fait de ne pas le faire.

Problème causé par la non-utilisation de « var »

var i=0; // crée une variable globale
function test() {
   for (i=0; i<10; i++) {
      alert("Welcom to WayToLearnX.com");
   }
}
test();
alert(i);   // La variable globale i est maintenant égale à 10!

Comme la variable i à l’intérieur de la fonction n’a pas été déclarée en tant que variable locale à l’aide du mot clé ‘var’, elle fait référence à la variable globale dans cet exemple. Il est correct de toujours déclarer les variables globales à l’aide de ‘var’, mais il est essentiel de déclarer les variables au niveau de fonction en utilisant ‘var’. L’approche suivante est une bonne pratique.

function test() {
   for (var i=0; i<10; i++) {
      alert("Welcom to WayToLearnX.com");
   }
}