1. Intégrer les règles
Les programmes JavaScript doivent être placés autant que possible dans les fichiers .js. Lorsque vous devez les appeler, vous devez les inclure sous la forme de <script src = "filename.js"> sur la page. Si le code JavaScript n'est pas dédié à la page, essayez d'éviter d'écrire du code JavaScript directement sur la page.
2. Aligner l'indentation et la pause de ligne
a) indentation
La même norme d'indentation doit être adoptée dans le même système. Cet article préconise que la taille de l'indentation soit de 4 espaces. Chaque compilateur définit différentes tailles de blanc pour les touches d'onglet. Il est recommandé de réinitialiser les touches de raccourci d'onglet dans l'éditeur dans 4 espaces lors de la configuration de l'environnement de développement. La plupart des compilateurs fournissent cette fonctionnalité. Sinon, il est recommandé d'appuyer sur 4 espaces pour le retrait.
b) pause de ligne
Les pauses de ligne doivent être:
Une fois chaque déclaration indépendante se termine;
Si, sinon, attrape, enfin, avant les mots clés tels que les mots clés;
Lorsqu'un opérateur casse une ligne, l'opérateur doit être au début de la nouvelle ligne.
Pour les ruptures de ligne qui se produisent lorsqu'une longueur de ligne dépasse la limite, séparez la politique de référence en longueur de ligne.
1). La chaîne est trop longue et tronquée
Chaque ligne de code doit être inférieure à 80 caractères. Si le code est long, essayez de briser la ligne. La nouvelle ligne doit être sélectionnée après l'opérateur et la marque de ponctuation, de préférence après le point-virgule ";" ou virgule ",". La ligne de code suivante est en retrait par 4 espaces par rapport à la ligne précédente. Cela peut effectivement empêcher les erreurs manquantes de code causées par la copie-coller et améliorer la lisibilité.
Tronquer la chaîne par une certaine longueur et utiliser l'opérateur + pour concaténer. Essayez d'effectuer la sémantique autant que possible, par exemple pour ne pas se casser dans un nom complet. En particulier, pour l'épissage des fragments HTML, la même structure que HTML est maintenue par indentation:
Vous pouvez également utiliser des tableaux pour l'épisser, ce qui est plus facile à régler l'indentation que les opérations +:
2). L'opérateur ternaire est trop long
L'opérateur ternaire se compose de 3 parties, de sorte que ses ruptures de ligne devraient former 3 situations différentes en fonction de la longueur de chaque partie:
Les situations suivantes ne se produisent pas:
3). Combinaison de conditions logiques excessivement longues
Lorsque 80 caractères ne peuvent pas répondre aux besoins en raison de la combinaison complexe des conditions logiques, chaque condition doit être placée indépendamment d'une ligne et l'opérateur logique doit être placé au début de la ligne de séparation, ou une partie de la logique doit être séparée par combinaison logique. Enfin, placez les supports de clôture) et les supports d'ouverture {sur une ligne indépendante pour s'assurer que l'instruction bloque avec l'IF peut être facilement identifiée visuellement. comme:
4). JSON et tableau excessivement longs
S'il existe de nombreuses propriétés d'objets, ce qui fait que chaque propriété occupe trop d'espace, elle peut être organisée par sémantique ou logique, comme:
À travers 5 groupes de groupes, chaque ligne est contrôlée dans une plage raisonnable et est logiquement segmentée. Pour les tableaux avec plus de projets, la même méthode peut également être utilisée, comme:
5). Représentation de retour
Si l'exécution de l'expression est utilisée comme valeur de retour, veuillez placer l'expression et le retour dans la même ligne pour éviter que la nouvelle ligne soit mal interprétée comme la fin de l'instruction et provoquant une erreur de retour. Si aucune expression n'est renvoyée après le mot clé de retour, un non-défini sera renvoyé. La valeur de retour par défaut du constructeur est la suivante.
Exemple:
3. Nommer
Les méthodes de dénomination ont généralement les catégories suivantes:
un). Description de la nomenclature
1) .Camel Nomenclature, comme ceisanapple
2) .pascal Nomenclature, comme Thisanapple
3). Souligner la nomenclature, comme this_is_an_apple ・
4). La nomenclature du marquage central est comme ceci
Selon différents types de contenu, la nomenclature suivante doit être strictement adoptée:
b) Nom variable: la nomenclature de chameau doit être utilisée
c). Nom du paramètre: la nomenclature de chameaux doit être utilisée
d). Nom de la fonction: la nomenclature de chameaux doit être utilisée
e). Méthode / propriété: la nomenclature de chameaux doit être utilisée
f) Membre.
g). Nom constant: toute nomenclature de soulignement de capital doit être utilisée, telle que IS_DEBUG_ENABLED
h) Nom de classe: la nomenclature Pascal doit être utilisée
je). Nom de l'énumération: la nomenclature Pascal doit être utilisée
J). Propriétés d'énumération: la nomenclature de soulignement doit être utilisée dans toutes les capitales
k). Espace de noms: la nomenclature de chameaux doit être utilisée
l) .Sémantique: la dénomination nécessite également une attention à la sémantique, comme:
Les noms doivent être utilisés pour les noms de variables;
Le type booléen doit commencer par IS, a, etc. pour indiquer son type; ・
Les noms de fonction doivent utiliser des phrases verbes-objet;
Les noms de classe doivent être faits avec des noms.
4. Commentaires
Les commentaires doivent être aussi simples que possible et clairs que possible. Concentrez-vous sur la signification des commentaires et annotez les parties moins intuitives:
(Bien sûr, cette pratique de définir directement un tas de variables globales n'est pas recommandée)
De plus, les commentaires JavaScript ont deux types de "//" et "/ * ...... * /". Il est recommandé que "//" soit utilisé comme commentaires de ligne de code, et le formulaire "/ * .... * /" est utilisé comme annulation de l'ensemble du segment de code, ou dans des déclarations plus formelles, telles que les descriptions des paramètres de fonction, des fonctions, des fonctions de fichier, etc.:
De plus: lors de la copie et du collage, vous devez prêter attention à savoir si les commentaires correspondent au code.
5. Déclaration
1). Déclaration variable
Bien que le langage JavaScript ne nécessite pas de déclarations variables avant d'être utilisées. Mais nous devons toujours développer cette bonne habitude. Cela facilite la détection des variables non déclarées, en les évitant de devenir des variables globales cachées et à provoquer des dangers cachés.
Au début de la fonction, vous devez d'abord utiliser le mot-clé VAR pour déclarer les variables locales à utiliser dans la fonction, commenter les fonctions et les significations représentatives des variables et doit être trié par ordre alphabétique. Chaque variable prend une seule ligne pour ajouter des commentaires. En effet, seule la {} de la fonction dans JavaScript indique la portée, les variables locales déclarées avec le mot clé VAR ne sont valides que dans la fonction, tandis que les variables non déclarées par VAR sont considérées comme des variables globales. Exemple:
Il y a une différence entre la variable Valuea déclarée avec VAR et la variable ValueB déclarée sans déclarer. Il est particulièrement important de noter que la variable déclarée avec VAR à l'intérieur de la fonction est une variable locale, qui peut éviter efficacement les erreurs causées par le même nom que la variable locale et la variable globale.
2). Déclaration de fonction
Les fonctions doivent également être déclarées avant l'appel et les fonctions internes doivent être déclarées après les instructions VAR qui déclarent les variables internes, ce qui peut clairement indiquer la portée des variables internes et des fonctions internes.
De plus, il devrait y avoir un espace entre le nom de la fonction immédiatement entre le support de gauche '(', et le support de fermeture ')' et le suivant '{' pour afficher clairement le nom de la fonction avec sa partie de paramètre et le début du corps de fonction. Si la fonction est une fonction anonyme / sans nom, laissez un espace entre le mot clé de la fonction et le support d'ouverture '(', sinon il peut être confondu avec le nom de fonction de la fonction.
Exemple de déclaration de fonctions internes:
À partir de la sortie de l'exemple ci-dessus, on peut voir que la fonction inf () ne prend effet qu'à l'intérieur de la fonction OUTF (), et l'innera variable locale prend effet sur la portée de la fonction interne. Cette méthode d'encodage rend clairement la portée des variables et des fonctions.