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

Normes de codage Javascript (résumé)

青灯夜游
Libérer: 2018-10-09 15:01:10
avant
2095 Les gens l'ont consulté

Cet article présente principalement les conventions de codage Javascript (spécifications de codage). Les amis dans le besoin peuvent s'y référer

1. Utilisez le mode strict

dans une portée (y compris. portée de la fonction et portée globale), vous pouvez utiliser

"use strict";

pour activer le mode strict.

2. Indentation

Utilisez la touche Tab pour indenter le code afin d'économiser la taille du code et utilisez une largeur de 4 espaces pour l'indentation (recommandation JSLint).

3. Les symboles

1) Les accolades

sont placées sur la même ligne que l'énoncé et placées à la fin s'il n'y en a qu'une ; ligne de déclaration, utilisez des accolades Crochets :

if (true) {
  //true
} else {
  //false
}
Copier après la connexion
while (true) {
  //alert(1);
}
Copier après la connexion

2) Espaces

Ajoutez des espaces après les virgules, les points-virgules et les deux-points
Ajoutez des espaces avant et après les opérateurs < ; 🎜> après les accolades Avant le caractère de début ;
entre l'accolade fermante et else, while ou catch ;
dans chaque partie de

tel que :

var a = [1, 2, 3];
var obj = {
  name: &#39;name&#39;,
  value: &#39;value&#39;
};
for (var i = 0; i < 10; i++) {}
function func(a, b, c) {}

c = a + b;
if (a && b || c) {
  //if
} else {
  //else
}

try {
  //try
} catch(err) {
  //catch
}
Copier après la connexion
3) Tous Une fois la déclaration terminée, utilisez le signe ; pour terminer

4. Nommer les objets

 : utilisez la casse camel, telle que : MyClass

Méthodes et variables : utilisez un style mixte, tel que : getName(), myName
Constante : majuscule et soulignée, telle que : MY_NAME

Mode var unique

Utilisez une seule var pour les variables en haut de la déclaration de fonction, les fonctions sont les suivantes :

1) Fournissez une seule adresse pour trouver toutes les variables locales requises par la fonction

2) Empêchez les erreurs logiques de les variables sont utilisées avant d'être définies
3) Aide N'oubliez pas de déclarer les variables et d'utiliser le moins possible les variables globales
4) Moins de codage

function func() {
  var a = 1,
    b = 2, 
    sum = a + b,
    obj = {
      name: &#39;name&#39;,
      value: &#39;value&#39;
    },
  $btn = $(&#39;#btn&#39;);
  //函数体
}
Copier après la connexion

Boucles6.

1) boucle for

var i, arr = [];
for (i = arr.length; i--;) {
  //arr[i];
}
Copier après la connexion
Remarque :

for (var i = 0; i < document.getElementsByName().length; i++) {
  //document.getElementsByName()[0];
}
Copier après la connexion
Cette méthode interrogera le document à chaque fois que la longueur de i est comparée, et généralement les opérations DOM sont très chronophage.

2) boucle while

var arr = [], 
  i = arr.length;
while (i--) {
  //处理
}
Copier après la connexion
3) boucle for-in

var i,
  hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
  if (hasOwn.call(man, i)) { //过滤
    console.log(i, &#39;:&#39;, man[i]);
  }
}
Copier après la connexion
7. La sélection du commutateur

switch (num) {
case 0:
  //do something
  break;
case 1:
  //do something
  break;
...
default:
  //do default
}
Copier après la connexion
est recommandée :

var obj = {
  &#39;0&#39;: function() {
    //do somethins
  },
  &#39;1&#39;: function() {
    // do somethis
  }, ...
}
if (obj.hasOwnProperty(num)) {
  obj[num]();
} else {
  //do default
}
Copier après la connexion

8. Utilisez la convention numérique de parseInt()

1) Spécifiez le paramètre de base à chaque fois :

var month = &#39;09&#39;, day = &#39;08&#39;;
month = parseInt(month, 10); //不加进制参数便会转换为八进制
day = parseInt(day, 10);
Copier après la connexion
2 ) Autres méthodes couramment utilisées pour convertir des chaînes en valeurs numériques :

+&#39;08&#39;;
Number(&#39;08&#39;);
Copier après la connexion

9 Mode littéral

Il n'est pas recommandé d'utiliser des constructeurs pour définir :

.

// built in constructors (avoid)
var o = new Object();
var a = new Array();
var re = new RegExp(&#39;[a-z]&#39;, &#39;g&#39;);
var s = new String();
var n = new Number();
var b = new Boolean();
throw new Error(&#39;message&#39;);
Copier après la connexion
Il est recommandé d'utiliser un meilleur mode littéral :

// literals and primitives (prefer)
var o = {};
var a = [];
var re = /[a-z]/g;
var s = &#39;&#39;;
var n = 0;
var b = false;
throw {
  name: &#39;Error&#39;,
  message: &#39;message&#39;
}
Copier après la connexion

Autres

1) Si le mot abrégé dans la variable est. au début Puis tout en minuscules : xmlDocument, sinon au début, tout en majuscules : loadXML

2) La variable doit être en anglais significatif, le pinyin

est interdit Résumé : Ce qui précède est l'intégralité du contenu. de cet article, j'espère qu'il pourra être utile à tout le monde. Pour plus de didacticiels connexes, veuillez visiter le

Tutoriel vidéo JavaScript !

Recommandations associées :

Tutoriel vidéo de formation sur le bien-être public php

Tutoriel graphique JavaScript

Manuel JavaScript en ligne

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!

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