Lors de l’écriture d’un code de programmation, différents développeurs auront des opinions différentes. Mais il est toujours bon de s'y référer, et voici les 14 meilleurs conseils d'écriture de code JS de Javascript Toolbox , traduits par Sofish ( 1 , 2 ).
1. Utilisez toujours 'var'
En JavaScript, les variables ont soit une portée globale, soit une portée fonctionnelle, et l'utilisation du mot-clé "var" sera la clé pour garder les variables concises et claires. Lorsque vous déclarez une variable globale ou au niveau de la fonction, ajoutez toujours le mot-clé "var". L'exemple suivant mettra en évidence les problèmes potentiels liés à une non-utilisation de cette méthode.
Problèmes causés par la non-utilisation de Var
var i=0; // C'est bien - crée une variable globale
fonction test() {
pour (i=0; i<10; i++) {
alert("Bonjour tout le monde !");
}
}
test();
alert(i); // La variable globale i vaut désormais 10 !
Étant donné que la variable i dans la fonction variable n'utilise pas var pour en faire une variable au niveau de la fonction, dans cet exemple, elle fait référence à une variable globale. Il est courant de toujours utiliser var pour déclarer des variables globales, mais il est crucial d'utiliser var pour définir une variable de portée de fonction. Les deux méthodes suivantes sont fonctionnellement équivalentes :
fonction correcte
fonction test() {
var je = 0 ;
pour (i=0; i<10; i++) {
alert("Bonjour tout le monde !");
}
}
fonction correcte
fonction test() {
pour (var i=0; i<10; i++) {
alert("Bonjour tout le monde !");
}
}
2. Détection des fonctionnalités plutôt que détection du navigateur
Du code est écrit pour découvrir la version du navigateur et effectuer différentes actions dessus en fonction du client que l'utilisateur utilise. En général, c’est une très mauvaise pratique. Une meilleure approche consiste à utiliser la détection de fonctionnalités. Avant d'utiliser une fonctionnalité avancée que les anciens navigateurs peuvent ne pas prendre en charge, vérifiez d'abord si (le navigateur) dispose de cette fonction ou fonctionnalité, puis utilisez-la. Il est préférable de détecter uniquement la version du navigateur, même si vous connaissez ses performances. Vous pouvez trouver un article détaillé traitant de ce problème sur http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
exemple:
si (document.getElementById) {
var element = document.getElementById('MyId');
}
autre {
alert('Votre navigateur ne dispose pas des fonctionnalités requises pour exécuter ce script !');
}
Source : Joyeux Favoris