Maison > interface Web > js tutoriel > le corps du texte

MEILLEURES PRATIQUES JAVASCRIPT.

WBOY
Libérer: 2024-09-05 21:00:33
original
694 Les gens l'ont consulté

Suivre les 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. Déclarez toujours 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.
  • Simplifiez l'évitement des variables globales indésirables (implicites).
  • Réduisez la probabilité de nouvelles déclarations indésirables.

JAVASCRIPT BEST PRACTICES.

4. Initialiser les variables

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

Cela :

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

05. Déclarer des tableaux avec const

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

JAVASCRIPT BEST PRACTICES.

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 (){}.

JAVASCRIPT BEST PRACTICES.

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

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

JAVASCRIPT BEST PRACTICES.

08. Utiliser === Comparaison

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

JAVASCRIPT BEST PRACTICES.

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 indé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.

JAVASCRIPT BEST PRACTICES.

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.

JAVASCRIPT BEST PRACTICES.

11. Évitez les nombres, les chaînes et les booléens comme 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 comme objets ralentit l'exécution et a des effets secondaires négatifs

JAVASCRIPT BEST PRACTICES.

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.

JAVASCRIPT BEST PRACTICES.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal