Maison > interface Web > js tutoriel > 20 conseils pour apprendre les normes de programmation JavaScript_Conseils Javascript

20 conseils pour apprendre les normes de programmation JavaScript_Conseils Javascript

WBOY
Libérer: 2016-05-16 16:29:53
original
1441 Les gens l'ont consulté

1. Utiliser le code de gestion de fichiers js

Essayez de mettre tout le code dans le fichier js, puis utilisez un script pour l'introduire dans le fichier html Lors de l'introduction, assurez-vous de le mettre après la balise body et n'utilisez pas de type ou de langage.

2. Écriture de l'indentation

Utilisez 4 espaces vides pour l'indentation. Veillez à ne pas utiliser la touche de tabulation pour l'indentation.

3. Segmentation des phrases

Faites attention à la longueur de la ligne. Chaque ligne ne doit pas dépasser 80 caractères. Si elle dépasse 80 caractères, une segmentation de phrase appropriée doit être effectuée après l'opérateur. virgule (,). Après la segmentation de la phrase, utilisez 8 espaces pour l'indentation suivante.

4. Remarques

Les commentaires sur une seule ligne sont généralement utilisés et les commentaires en bloc sont généralement utilisés dans les documents.

5. Déclaration des variables

Déclarez toutes les variables avant utilisation. Les variables non déclarées deviendront automatiquement des variables globales. Les variables globales doivent être utilisées avec parcimonie dans tout le texte.
Il est préférable d'utiliser un var pour déclarer toutes les variables, de placer chaque déclaration sur une ligne distincte et d'ajouter des commentaires. Si possible, toutes les variables déclarées sont répertoriées dans l'ordre des caractères, comme suit :
.

Copier le code Le code est le suivant :

var currentEntry, //Élément du tableau de sélection actuel
Niveau ; //Niveau d'indentation

Définissez toutes les variables en haut du corps de la fonction, puis var apparaît sur la première ligne du corps de la fonction.

6. Déclaration de fonction

Toutes les fonctions doivent être déclarées avant utilisation et après les variables ------- pour aider à visualiser la portée.
Il ne doit y avoir aucun espace entre le nom de la fonction et les parenthèses ; il ne doit y avoir aucun espace entre la parenthèse droite (et les paramètres de la fonction ; la parenthèse gauche) et le support du corps de la fonction {Il doit y avoir un espace entre ; par 4 espaces ; le crochet fermant le corps de la fonction} et le premier caractère du mot-clé de déclaration de fonction function est aligné. Le code suivant :

Copier le code Le code est le suivant :

fonction externe(c,d) {
var e = c * d;

fonction interne(a,b) {
          return (e * a) b;
>

return inner(0,1);
>


Les fonctions et les objets peuvent être placés partout où les expressions sont autorisées.
Il y a un espace entre le mot-clé de fonction anonyme function et le crochet gauche (.
Utilisez le moins possible les fonctions globales.
Pour une exécution immédiate des fonctions, l'intégralité de l'expression appelante doit être placée entre parenthèses () pour indiquer clairement que la valeur de la variable est le résultat de l'exécution de la fonction plutôt que de la fonction elle-même. Le code suivant :
Copier le code Le code est le suivant :

var résultat = (fonction () {
var clé = "";
Retour {
          obtenir : fonction () {
              touche retour ;
},
ensemble : fonction (touche) {
              clé = clé ;
>
};
}());

7. Nommer

Nom avec des lettres, des chiffres et des traits de soulignement. Évitez d'utiliser des caractères internationaux, le signe dollar $ et des barres obliques inverses.
N'utilisez pas de trait de soulignement comme premier caractère d'un nom.
La plupart des variables et fonctions sont nommées commençant par une lettre minuscule.
Le constructeur doit commencer par une majuscule. Omettre new dans js ne provoquera pas d'erreur (erreur de compilation ou d'exécution), mais il est préférable de ne pas l'omettre.
Les variables globales doivent être nommées en majuscules (il n'y a pas de concept de macros et de constantes dans js).

8. Déclaration

Déclaration simple

Il y a au maximum une instruction par ligne, et elle se termine par un point-virgule ;. Notez que les instructions qui attribuent des valeurs aux littéraux de fonction et aux littéraux d'objet utilisent également un point-virgule ;.
js permet d'utiliser n'importe quelle variable comme instruction, mais cela peut provoquer des erreurs lors de l'insertion d'un point-virgule. Par conséquent, les instructions qui utilisent généralement des expressions sont des instructions d'affectation ou d'appel de fonction (je comprends à peu près le texte anglais original de cette phrase, mais je le fais). je ne sais pas comment la traduction est meilleure)

Instruction composée (une instruction contenue entre une paire de {})

Les déclarations internes sont en retrait de 4 espaces.

Le crochet ouvrant { doit être à la fin de la ligne de déclaration d'ouverture.
Le crochet fermant doit se trouver sur sa propre ligne à la fin, aligné avec le premier caractère de la ligne contenant le crochet ouvrant.
Lorsque l'instruction se trouve dans une instruction de contrôle (comme for, if, etc.), l'instruction doit être entourée d'accolades {}, même s'il n'y a qu'une seule instruction, afin de garantir qu'aucun bug ne se produise lors de l'ajout de l'instruction. .

9. Tag (Je ne pense pas que cette partie soit tout à fait correcte)

Les instructions d'utilisation de label sont sélectives, il n'y a que les types suivants : while, for, do, switch.

10. Déclaration de retour

La valeur renvoyée doit être mise entre parenthèses et l'expression de retour doit être sur la même ligne que le mot-clé return (évitez d'insérer un point-virgule sur une nouvelle ligne).

11. si déclaration

Suivez le format suivant :

Copier le code Le code est le suivant :

si (condition) {
Déclarations
>

si (condition) {
Déclarations
} autre {
Déclarations
>

si (condition) {
Déclarations
} sinon si (condition) {
Déclarations
} autre {
Déclarations
>

12. pour déclaration

Suivez le format suivant :

Copier le code Le code est le suivant :

pour (initialisation; condition; mise à jour) {
Déclarations
>

pour (variable dans l'objet) {
Si (filtre) {
déclarations
>
>


Le premier format de boucle est utilisé pour les tableaux et les variables pouvant déterminer le nombre d'itérations.
Le second est utilisé pour la traversée d'objets
Remarque : Il est mentionné ici que les propriétés ajoutées dans le prototype d'objet peuvent être énumérées, la méthode hasOwnProperty doit donc être utilisée pour filtrer. Cependant, lorsque je l'ai testé avec le code for, je ne sais pas. où se situe le problème.

13. déclaration while

Suivez le format suivant :

Copier le code Le code est le suivant :

tandis que (condition) {
Déclarations
>

14. déclaration à faire pendant

Suivez le format suivant :

Copier le code Le code est le suivant :

faire {
Déclarations
} while (condition);

Ajoutez un point-virgule à la fin de la déclaration.

15. déclaration de changement

Suivez le format suivant :

Copier le code Le code est le suivant :

changer (expression) {
expression de cas :
Déclarations
par défaut :
Déclarations
>

Chaque boîtier doit être aligné avec le commutateur pour éviter une indentation excessive. Seules les étiquettes des boîtiers ne sont pas des déclarations et ne doivent pas être en retrait.
Chaque instruction case (sauf par défaut) doit se terminer par break, return ou throw.

16. déclaration d'essai

Suivez le format suivant :

Copier le code Le code est le suivant :

essayez {
Déclarations
} attraper (variable) {
Déclarations
>
essayez {
Déclarations
} attraper (variable) {
Déclarations
} enfin {
Déclarations
>

17. continuer la déclaration

Évitez d'utiliser l'instruction continue.

18. avec déclaration

L'instruction with ne doit pas être utilisée.

19. Utiliser les espaces

Séparez les segments de code logiquement liés en définissant des lignes vides pour améliorer la lisibilité du code.
Définissez des espaces dans les cas suivants :
Les mots clés sont suivis d'une parenthèse ouvrante (utilisez des espaces, par exemple :
tandis que (vrai) {
Vous ne pouvez pas utiliser d'espaces entre les paramètres de fonction et le crochet ouvrant (.
Les opérateurs binaires, à l'exception du point (.), de la parenthèse gauche (() et du crochet ([), doivent utiliser un espace pour séparer les opérandes.
Il ne doit y avoir aucun espace entre les opérateurs unaires autres que typeof et leurs opérandes.
Il y a un espace après chaque point-virgule ; dans le bloc de contrôle de l'instruction for ().
Il doit y avoir un espace après chaque virgule.

20. Suggestions supplémentaires

[] et {}
Les tableaux sont utilisés lorsque les noms de membres sont des entiers consécutifs, les objets sont utilisés lorsque les noms de membres sont des chaînes et des noms arbitraires.
Utilisez {} au lieu de new object() et [] au lieu de new Array().
virgule, opérateur
Évitez d'utiliser des virgules et des opérateurs (cette règle ne s'applique pas aux littéraux d'objet, aux définitions de littéraux de tableau, aux instructions de déclaration var et aux listes de paramètres)
Bloquer la portée
En plus de se conformer aux instructions qui n'utilisent pas de blocs d'instructions, js n'a pas de portée au niveau des blocs, mais uniquement une portée de fonction.
Expression d'affectation
Évitez d'utiliser des instructions d'affectation dans la partie jugement conditionnel des instructions while et if.
===et!==
Utilisez des symboles congruents (=== et !==) pour déterminer l'égalité et évitez d'utiliser des symboles de conversion d'égalité de type forcé (== et !=).
Si un nombre est ajouté (ou -) à un nombre avec un signe ( ou -), ou à un nombre avec un signe ( ou - -), le nombre avec un signe ou ( ou - -) doit être entouré.
eval est le diable (abus d'eval)
eval a la même situation, le constructeur Function ne doit pas être utilisé et aucune chaîne n'est transmise à la fonction setTimeout ou setInterval.

Les 20 suggestions ci-dessus sont toutes résumées par moi dans le projet. Elles devraient être un peu utiles pour les novices qui apprennent le javascript. Il y a inévitablement des imperfections. Si vous les trouvez, dites-les-leur ici. progresser ensemble.

Étiquettes associées:
source:php.cn
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