1. Einbettungsregeln
JavaScript -Programme sollten so weit wie möglich in .js -Dateien platziert werden. Wenn Sie sie anrufen müssen, sollten Sie sie in Form von <script src = "Dateiname.js"> auf der Seite aufnehmen. Wenn der JavaScript -Code nicht der Seite gewidmet ist, versuchen Sie, JavaScript -Code direkt auf der Seite zu schreiben.
2. Ausrichtungseindrückung und Linienbrüche ausrichten
a) Eindrückung
Der gleiche Einrückungsstandard sollte im selben System übernommen werden. Dieser Artikel befürwortet, dass die Eindrückungsgröße 4 Räume beträgt. Jeder Compiler definiert verschiedene leere Größen für die Registerkartenschlüssel. Es wird empfohlen, die TAB -Verknüpfungsschlüssel im Editor auf 4 Leerzeichen zurückzusetzen, wenn die Entwicklungsumgebung aufgestellt wird. Die meisten Compiler bieten diese Funktion. Andernfalls wird empfohlen, 4 Räume zum Einzug zu drücken.
b) Linienbrechung
Zeilenpausen müssen sein:
Nach jeder unabhängigen Aussage endet;
Wenn sonst, fangen Sie schließlich vor, während Sie vor Schlüsselwörtern wie Schlüsselwörtern;
Wenn ein Bediener eine Linie bricht, muss sich der Bediener am Anfang der neuen Linie befinden.
Für Linienbrüche, die auftreten, wenn eine einzelne Linienlänge die Grenze überschreitet, trennen Sie die Referenzrichtlinie in der Linienlänge.
1). Die Saite ist zu lang und verkürzt
Jede Codezeile sollte weniger als 80 Zeichen betragen. Wenn der Code lang ist, versuchen Sie, die Zeile zu brechen. Die neue Linie sollte nach dem Operator und den Zeichensetzung ausgewählt werden, vorzugsweise nach dem Semikolon ";"; oder Komma ",". Die nächste Codezeile wird durch 4 Leerzeichen in Bezug auf die vorherige Zeile eingerichtet. Dies kann effektiv verhindern, dass Code fehlende Fehler durch Kopienpaste und die Lesbarkeit verbessern.
Schneiden Sie die Zeichenfolge um eine bestimmte Länge ab und verwenden Sie den + Operator, um zu verkettet. Versuchen Sie, Semantik so weit wie möglich durchzuführen, z. B. um kein komplettes Substantiv einzubrechen. Insbesondere für das Spleißen von HTML -Fragmenten wird die gleiche Struktur wie HTML durch Einrückung beibehalten:
Sie können auch Arrays verwenden, um es zu spleißen.
2). Der ternäre Operator ist zu lang
Der ternäre Operator besteht aus 3 Teilen, daher sollten seine Linienbrüche 3 verschiedene Situationen entsprechend der Länge jedes Teils bilden:
Die folgenden Situationen dürfen nicht auftreten:
3). Übermäßig lange Kombination aus logischen Zustand
Wenn 80 Zeichen aufgrund der komplexen Kombination logischer Bedingungen die Anforderungen nicht erfüllen können, sollte jede Bedingung unabhängig von einer Zeile platziert werden, und der logische Bediener sollte zur Trennung am Anfang der Linie platziert werden, oder ein Teil der Logik sollte durch logische Kombination getrennt werden. Schließlich platzieren Sie die Schlussklammern) und die Eröffnungsklammern (in einer unabhängigen Linie, um sicherzustellen, dass die Anweisung mit dem IF leicht visuell identifiziert werden kann. wie:
4). Übermäßig langer JSON und Array
Wenn es viele Objekteigenschaften gibt, die dazu führen, dass jede Eigenschaft zu viel Platz einnimmt, kann sie nach Semantik oder Logik organisiert werden, wie z. B.:
Durch 5 Gruppengruppen wird jede Zeile in einem vernünftigen Bereich kontrolliert und logisch segmentiert. Für Arrays mit mehr Projekten kann auch die gleiche Methode verwendet werden, wie z. B.:
5)
Wenn die Expressionsausführung als Rückgabewert verwendet wird, platzieren Sie den Ausdruck und kehren Sie in derselben Zeile zurück, um zu vermeiden, dass die Neue Linie als Ende der Anweisung falsch interpretiert wird und einen Rückgabebereich verursacht. Wenn nach dem Keyword zurückgegeben wird, wird undefiniert kein Ausdruck zurückgegeben, wird undefiniert zurückgegeben. Der Standard -Rückgabewert des Konstruktors ist dies.
Beispiel:
3. Namen
Benennungsmethoden haben normalerweise die folgenden Kategorien:
A). Beschreibung der Nomenklatur
1).
2). Pascal Nomenklatur, wie ThisIsanapple
3). Unterstreichung der Nomenklatur, wie this_is_an_apple ・
4). Die Nomenklatur der mittleren Markierung ist wie diese Is-An-Apple
Abhängig von verschiedenen Arten von Inhalten muss die folgende Nomenklatur strikt angenommen werden:
b) .Variabler Name: Die Kamel -Nomenklatur muss verwendet werden
C). Parametername: Die Kamel -Nomenklatur muss verwendet werden
D). Funktionsname: Die Kamel -Nomenklatur muss verwendet werden
e). Methode/Eigenschaft: Die Kamel -Nomenklatur muss verwendet werden
f) .Private (geschützt) Mitglied: Muss unterstrichen werden.
G). Konstantes Name: Alle Kapitalunterstrichen -Nomenklatur muss verwendet werden, wie z. B. is_debug_enabled
H). Klasse Name: Die Pascal -Nomenklatur muss verwendet werden
ich). Aufzählungsname: Die Pascal -Nomenklatur muss verwendet werden
J). Aufzählungseigenschaften: Unterstriche -Nomenklatur muss in allen Hauptstädten verwendet werden
k). Namespace: Die Kamel -Nomenklatur muss verwendet werden
l) .Semantik: Die Benennung erfordert auch die Aufmerksamkeit für die Semantik, wie zum Beispiel:
Substantive sollten für Variablennamen verwendet werden.
Boolesche Typ sollte mit IS, Has usw. beginnen, um seinen Typ anzuzeigen; ・
Funktionsnamen sollten Verb-Objektphrasen verwenden.
Klassennamen sollten mit Substantiven gemacht werden.
4. Kommentare
Die Kommentare sollten so einfach wie möglich und klar wie möglich sein. Konzentrieren Sie sich auf die Bedeutung von Kommentaren und kommentieren Sie die weniger intuitiven Teile:
(Natürlich wird diese Praxis, eine Reihe globaler Variablen direkt zu definieren, nicht empfohlen)
Zusätzlich haben JavaScript -Kommentare zwei Arten von "//" und "/ * ...... */". Es wird empfohlen, "//" als Code -Kommentare zu verwenden, und das Formular "/ * .... */" wird als Stornierung des gesamten Codesegments oder in formelleren Deklarationen wie Beschreibungen von Funktionsparametern, Funktionen, Dateifunktionen usw. verwendet.
Zusätzlich: Beim Kopieren und Einfügen sollten Sie darauf achten, ob die Kommentare dem Code entsprechen.
5. Erklärung
1). Variable Deklaration
Obwohl die JavaScript -Sprache vor ihrer Verwendung keine variablen Erklärungen erfordert. Aber wir sollten trotzdem diese gute Angewohnheit entwickeln. Dies erleichtert es, nicht deklarierte Variablen zu erkennen, wodurch sie vermeiden, dass sie versteckte globale Variablen werden und versteckte Gefahren verursachen.
Zu Beginn der Funktion sollten Sie zunächst das VAR -Schlüsselwort verwenden, um die lokalen Variablen zu deklarieren, die in der Funktion verwendet werden sollen, kommentieren die Funktionen und repräsentativen Bedeutungen der Variablen und sollten alphabetisch sortiert werden. Jede Variable nimmt eine einzelne Zeile ein, um Kommentare hinzuzufügen. Dies liegt daran, dass nur die {} der Funktion in JavaScript angibt, dass die mit dem VAR -Schlüsselwort deklarierten lokalen Variablen nur innerhalb der Funktion gültig sind, während Variablen, die nicht von VAR deklariert sind, als globale Variablen angesehen werden. Beispiel:
Es gibt einen Unterschied zwischen dem mit VAR deklarierten variablen Wert und dem ohne Deklarierten deklarierten variablen Wert. Es ist besonders wichtig zu beachten, dass die mit VAR in der Funktion deklarierte Variable eine lokale Variable ist, die Fehler effektiv vermeiden kann, die durch denselben Namen wie die lokale Variable und die globale Variable verursacht werden.
2). Funktionserklärung
Funktionen sollten auch vor dem Aufrufen deklariert werden, und interne Funktionen sollten nach VAR -Anweisungen deklariert werden, die interne Variablen deklarieren, was deutlich den Umfang interner Variablen und internen Funktionen anzeigen kann.
Zusätzlich sollte zwischen dem Funktionsnamen sofort zwischen der linken Klammer ('und der Schließklasse') und der folgenden '{' den Funktionsnamen mit seinem Parameter -Teil und dem Beginn des Funktionskörpers eindeutig angezeigt werden. Wenn die Funktion eine anonyme/namenlose Funktion ist, hinterlassen Sie einen Speicherplatz zwischen dem Schlüsselwort der Funktion und der Öffnungshalterung (', ansonsten kann er mit dem Funktionsnamen der Funktion verwechselt werden.
Beispiel für die interne Funktionserklärung:
Aus der Ausgabe des obigen Beispiels ist ersichtlich, dass die Inf () -Funktion nur innerhalb der Outf () -Funktion wirksam wird und die lokale Variable Innera den Umfang der internen Funktion wirkt. Diese Codierungsmethode macht den Umfang der Variablen und Funktionen klar.