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
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 }
4. Nommer les objets
: utilisez la casse camel, telle que : MyClassMé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 fonction2) 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 forvar i, arr = []; for (i = arr.length; i--;) { //arr[i]; }
for (var i = 0; i < document.getElementsByName().length; i++) { //document.getElementsByName()[0]; }
var arr = [], i = arr.length; while (i--) { //处理 }
var i, hasOwn = Object.prototype.hasOwnProperty; for (i in man) { if (hasOwn.call(man, i)) { //过滤 console.log(i, ':', man[i]); } }
switch (num) { case 0: //do something break; case 1: //do something break; ... default: //do default }
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);
+'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');
// 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 : loadXML2) La variable doit être en anglais significatif, le pinyin
Tutoriel vidéo JavaScript !
Recommandations associées :Tutoriel vidéo de formation sur le bien-être public php
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!