Le respect des meilleures pratiques JavaScript peut accélérer le chargement des pages et améliorer les performances, ainsi qu'une meilleure lisibilité du code et une facilité de maintenance et de débogage. Un code soigneusement écrit peut également contribuer à éviter les erreurs et les problèmes de sécurité.

01. Évitez les variables globales

• Minimisez l'utilisation de variables globales.
• Cela inclut tous les types de données, objets et fonctions.
• Les variables et fonctions globales peuvent être écrasées par d'autres scripts.
• Utilisez plutôt des variables locales et apprenez à utiliser les fermetures.

02. Toujours déclarer les variables locales

• Les variables locales doivent être déclarées pour toutes les variables utilisées dans une fonction.
• Si le mot-clé var, let ou const n'est pas utilisé lors de la déclaration d'un local variable, la variable locale sera convertie en variable globale.

03. Déclarations en haut

Toutes les déclarations doivent être placées au début de chaque script ou fonction comme bonne pratique de codage.

Cela entraînera :

• Un code plus propre
• Donnez aux utilisateurs un emplacement unique pour rechercher des variables locales.
• Simplifier l'évitement des variables globales indésirables (implicites).
• Réduisez la probabilité de nouvelles déclarations indésirables.

4. Initialiser les variables

Lorsque vous déclarez des variables, vous devez toujours les initialiser.

Ceci :

• Fournir un code plus propre
• Fournir un emplacement unique pour l'initialisation des variables.
• Évitez d'utiliser des valeurs non définies

05. Déclarez des tableaux avec const

Déclarer des tableaux avec const empêche les changements de type accidentels

06. N'utilisez pas new Object()

• Au lieu de new String(), utilisez « ».
• Au lieu de new Number(), utilisez 0
• Au lieu d'utiliser new Boolean(), utilisez false
• Plutôt que new Object(), utilisez {}
• Au lieu d'utiliser new Array(), utilisez [].
• Au lieu d'utiliser new RegExp(), utilisez /()/.
• Au lieu d'utiliser new Function(), utilisez function (){}.

07. Méfiez-vous des conversions de types automatiques

• JavaScript est un langage peu typé.
• Une variable peut contenir n'importe quel type de données.
• Le type de données d'une variable peut être modifié.

08. Utiliser === Comparaison

• Avant la comparaison, l'opérateur de comparaison == convertit (en types correspondants).
• L'opérateur === nécessite une comparaison de valeur et de type

09. Utiliser les paramètres par défaut

• Lorsqu'une fonction est appelée avec un argument non spécifié, la valeur de l'argument non spécifié est définie sur non défini.
• Des valeurs non définies peuvent entraîner l'échec de votre code. Attribuer des valeurs par défaut aux arguments est une bonne pratique.

10. Terminez vos commutateurs avec les valeurs par défaut

Incluez toujours une valeur par défaut à la fin de vos instructions switch. Même si vous pensez que c'est inutile.

11. Évitez les nombres, les chaînes et les booléens en tant qu'objets

• Les nombres, les chaînes et les booléens doivent toujours être traités comme des valeurs primitives et non comme des objets.
• Déclarer ces types en tant qu'objets ralentit l'exécution et a des effets secondaires négatifs

12. Évitez d'utiliser eval()

• La fonction eval() est utilisée pour exécuter du texte sous forme de code. Mais dans la plupart des cas, il ne devrait pas être nécessaire de l’utiliser.
• Cela présente également un risque de sécurité car il permet l'exécution de code arbitraire.