Normes de codage Javascript (résumé)

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
}

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

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: '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) 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: 'name',
      value: 'value'
    },
  $btn = $('#btn');
  //函数体
}

Boucles6.

1) boucle for

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 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--) {
  //处理
}

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. La sélection du commutateur

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

est 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 à 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 valeurs numériques :

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

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('[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'
}

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!