Javascript-Codierungsstandards (Zusammenfassung)

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:

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

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

2) Leerzeichen

Leerzeichen nach Kommas, Semikolons und Doppelpunkten hinzufügen;
Leerzeichen vor und nach Operatoren hinzufügen;
vor der öffnenden Klammer ;
Zwischen der schließenden Klammer und else
In jedem Teil von for;

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) Verwenden Sie nach allen Anweisungen das ; Ende

4. Benennen von

Objekten: Verwenden Sie Kamel-Schreibweise, z. B.: MyClass

Methoden und Variablen: Verwenden Sie gemischte Methoden, z. B.: getName(), myName

Konstante: groß geschrieben und unterstrichen, wie zum Beispiel: MY_NAME

Einzelvariablenmodus

Verwenden Sie nur eine Variable, um die Variable oben zu deklarieren Funktion, der Effekt ist wie folgt:

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

2) Verhindert logische Fehler, bei denen Variablen verwendet werden, bevor sie definiert werden

3) Hilft dabei, daran zu denken, wann immer es möglich ist, weniger globale Variablen zu verwenden
4) Weniger Codierung

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

6 >Hinweis:

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

Diese Methode fragt das Dokument jedes Mal ab, wenn die Länge von i verglichen wird, und normalerweise sind DOM-Operationen sehr zeitaufwändig.

2) while-Schleife

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

3) for-in-Schleife

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

7. Schalterauswahl

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

Es wird empfohlen:

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

8. Verwenden Sie die numerische Konvention von parseInt()

1) Geben Sie jedes Mal den Basisparameter an:

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

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

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

9. Literalmodus

Es wird nicht empfohlen, Konstruktoren zu verwenden, um Folgendes zu definieren:

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

Es wird empfohlen, zu verwenden bessere Literale Muster:

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

10, Others

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

2) Variablen müssen in aussagekräftigem Englisch sein, Pinyin ist verboten

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird hilfreich sein Jeder lernt. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!

Verwandte Empfehlungen:

PHP-Video-Tutorial zum Gemeinwohltraining

JavaScript-Grafik-Tutorial

JavaScript Online-Handbuch

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