Conventions de codage Javascript (spécifications de codage)

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. Symboles

1) Les accolades

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

if (true) {
  //true
} else {
  //false
}

while (true) {
  //alert(1);
}

2) Espace

entre virgules, Ajouter des espaces après les points-virgules et les deux-points
Ajouter des espaces avant et après les opérateurs
Avant l'accolade ouvrante
Entre l'accolade fermante et else, while ou catch
Dans chaque partie de for
Par exemple :

var a = [1, 2, 3];
var obj = {
  name: 'name',
  value: 'value'
};
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
}

3) Une fois toutes les instructions terminées, utilisez ; pour les terminer

4.

Objets : utilisez la casse camel, tels que : MaClasse
Méthodes et variables : utilisez un format mixte, tel que : getName(), myName
Constante : majuscules et soulignées, telles que : MY_NAME

5. Mode var unique

Utilisez une seule var pour déclarer les variables en haut de la fonction. Les fonctions sont les suivantes :

1) Fournissez une seule adresse pour trouver la fonction Toutes les variables locales nécessaires
2) Empêche les erreurs logiques lorsque les variables sont utilisées avant qu'elles ne soient définies
3) Aide à se rappeler 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: 'name',
      value: 'value'
    },
  $btn = $('#btn');
  //函数体
}

6. Boucle

1) pour la boucle

var i, arr = [];
for (i = arr.length; i--;) {
  //arr[i];
}

Remarque :

for (var i = 0; i < document.getElementsByName().length; i++) {
  //document.getElementsByName()[0];
}

Cette méthode sera documentée chaque fois que je suis utilisée pour la comparaison de longueur. La requête et généralement la manipulation du DOM prennent beaucoup de temps.

2) boucle while

var arr = [], 
  i = arr.length;
while (i--) {
  //处理
}

3) boucle for-in

var i,
  hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
  if (hasOwn.call(man, i)) { //过滤
    console.log(i, ':', man[i]);
  }
}

7. Sélectionnez le commutateur

switch (num) {
case 0:
  //do something
  break;
case 1:
  //do something
  break;
...
default:
  //do default
}

Utilisation recommandée :

var obj = {
  '0': function() {
    //do somethins
  },
  '1': function() {
    // do somethis
  }, ...
}
if (obj.hasOwnProperty(num)) {
  obj[num]();
} else {
  //do default
}

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

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

var month = '09', day = '08';
month = parseInt(month, 10); //不加进制参数便会转换为八进制
day = parseInt(day, 10);

2) Autres méthodes couramment utilisées pour convertir des chaînes en nombres :

+'08';
Number('08');

9. Il n'est pas recommandé de définir le mode

à l'aide de constructeurs :

// built in constructors (avoid)
var o = new Object();
var a = new Array();
var re = new RegExp('[a-z]', 'g');
var s = new String();
var n = new Number();
var b = new Boolean();
throw new Error('message');

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 = '';
var n = 0;
var b = false;
throw {
  name: 'Error',
  message: 'message'
}

10. Autres

1) Les mots abrégés dans la variable sont tous en minuscules s'ils le sont. au début : xmlDocument, si ce n'est pas au début, alors toutes les lettres majuscules : loadXML
2) Les variables doivent être dans un anglais significatif, le pinyin est interdit

Ce qui précède est ce que j'ai compilé pour tout le monde, J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Pièges d'Angular 4.x+Ionic3 : Explication détaillée du transfert de valeur inverse pop Ionic3.x

Explication détaillée de la méthode de configuration utilisant sass basée sur le préchargement CSS dans vue

Exemple de code pour implémenter des images de zoom au doigt dans l'applet WeChat

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!