Javascript-Codierungskonventionen (Codierungsspezifikationen)

In diesem Artikel werden hauptsächlich Javascript-Codierungskonventionen (Codierungsspezifikationen) vorgestellt

1 Verwenden Sie den strikten Modus

in einem Umfang Funktionsumfang und globaler Geltungsbereich), können Sie

"use strict";

verwenden, um den strikten Modus zu aktivieren.

2. Einrückung

Verwenden Sie die Tabulatortaste, um den Code einzurücken, um Codegröße zu sparen, und verwenden Sie eine Breite von 4 Leerzeichen für die Einrückung (JSLint-Empfehlung).

3. Symbole

1) Klammern

werden in derselben Zeile wie die Anweisung und am Ende platziert; der Anweisung verwenden Sie geschweifte Klammern. Klammern:

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

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

2) Leerzeichen

im Komma , Semikolon, Doppelpunkt Leerzeichen nach
hinzufügen Leerzeichen vor und nach Operatoren hinzufügen
Vor der öffnenden Klammer
Zwischen der schließenden Klammer und else, while oder Catch
In jedem Teil von for
Zum Beispiel:

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) Nachdem alle Anweisungen beendet sind, verwenden Sie das ;-Zeichen zum Beenden

4 >Objekt: Verwenden Sie Kamel-Schreibweise, z. B.: MyClass

Methoden und Variablen: Verwenden Sie gemischte Groß- und Kleinschreibung, z. B.: getName(), myName

Konstante: Großbuchstaben und Unterstrichen, z. B.: MEIN_NAME

5, Einzelvariablenmodus

Verwenden Sie nur eine Variable, um Variablen oben in der Funktion zu deklarieren. Die Funktionen sind wie folgt:

1) Stellen Sie eine einzelne Variable bereit Adresse, um alle von der Funktion benötigten lokalen Variablen zu finden

2) Verhindern Sie logische Fehler, wenn Variablen verwendet werden, bevor sie definiert werden

3) Denken Sie daran, Variablen zu deklarieren und globale Variablen so wenig wie möglich zu verwenden
4) Weniger Codierung

function func() {
  var a = 1,
    b = 2, 
    sum = a + b,
    obj = {
      name: 'name',
      value: 'value'
    },
  $btn = $('#btn');
  //函数体
}

6. Schleife

1) für Schleife

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

Hinweis:

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

Diese Methode fragt das Dokument jedes Mal ab, wenn die Länge von i verglichen wird, was normalerweise bei DOM-Operationen der Fall ist sehr zeitaufwändig.

2) while-Schleife

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

3) for-in-Schleife

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

7. Schalterauswahl

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

Es wird empfohlen:

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

8. Verwenden Sie die numerische Konvention von parseInt()

1) Geben Sie jedes Mal den Basisparameter an:

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

2) Andere häufig verwendete Methoden zum Konvertieren von Zeichenfolgen in numerische Werte:

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

9. Literalmodus

Es wird nicht empfohlen, einen Konstruktor zu verwenden, um Folgendes zu definieren:

// 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');

Es wird empfohlen, einen besseren Literalmodus zu verwenden:

// 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. Andere

1) Die abgekürzten Wörter in der Variablen sind alle in Kleinbuchstaben geschrieben, wenn sie am Anfang stehen: xmlDocument, wenn sie nicht am Anfang stehen Am Anfang sind sie alle in Großbuchstaben geschrieben: loadXML

2) Variablen Es muss aussagekräftiges Englisch sein, Pinyin ist verboten

Das Obige habe ich für alle zusammengestellt, ich hoffe, es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

Angular 4.x+Ionic3-Fallstricke: Detaillierte Erklärung der Ionic3.x-Pop-Reverse-Value-Transfer

Detaillierte Erläuterung der Konfigurationsmethode mit Sass basierend auf dem CSS-Vorladen in Vue

Beispielcode für die Implementierung von Fingerzoombildern im WeChat-Applet

Das obige ist der detaillierte Inhalt vonJavascript-Codierungskonventionen (Codierungsspezifikationen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!