20 Tipps zum Erlernen von JavaScript-Programmierstandards_Javascript-Tipps

1. Verwenden Sie den js-Dateiverwaltungscode

Versuchen Sie, den gesamten Code in die js-Datei einzufügen und ihn dann mithilfe eines Skripts in die HTML-Datei einzufügen. Achten Sie beim Einführen darauf, ihn nach dem Body-Tag einzufügen und verwenden Sie weder Typ noch Sprache.

2. Einzug schreiben

Verwenden Sie 4 Leerzeichen zum Einrücken. Achten Sie darauf, dass Sie zum Einrücken nicht die Tabulatortaste verwenden.

3. Satzsegmentierung

Achten Sie auf die Länge jeder Zeile. Wenn sie 80 Zeichen überschreitet, sollte die Satzsegmentierung nach dem Operator erfolgen Komma (,). Verwenden Sie nach der Satzunterteilung 8 Leerzeichen für die nächste Zeile.

4. Notizen

Einzeilige Kommentare werden im Allgemeinen verwendet, und Blockkommentare werden im Allgemeinen in Dokumenten verwendet.

5. Variablendeklaration

Deklarieren Sie alle Variablen vor der Verwendung. Nicht deklarierte Variablen werden automatisch zu globalen Variablen. Globale Variablen sollten im gesamten Text sparsam verwendet werden.
Am besten verwenden Sie eine Variable, um alle Variablen zu deklarieren, jede Deklaration in eine separate Zeile einzufügen und Kommentare hinzuzufügen. Wenn möglich, werden alle deklarierten Variablen in der folgenden Reihenfolge aufgelistet:

Code kopieren Der Code lautet wie folgt:

var currentEntry, //Aktuelles Auswahltabellenelement
Ebene; //Einrückungsebene

Definieren Sie alle Variablen oben im Funktionskörper, dann erscheint var in der ersten Zeile des Funktionskörpers.

6. Funktionsdeklaration

Alle Funktionen sollten vor der Verwendung und nach Variablen deklariert werden -------, um den Umfang besser erkennen zu können.
Zwischen dem Funktionsnamen und den Klammern sollte kein Leerzeichen stehen. Zwischen der rechten Klammer (und den Funktionsparametern; der linken Klammer) und der Klammer des Funktionskörpers sollte kein Leerzeichen stehen durch 4 Leerzeichen; die schließende Klammer des Funktionskörpers} und Das erste Zeichen des Funktionsdeklarationsschlüsselworts function wird ausgerichtet. Der folgende Code:

Code kopieren Der Code lautet wie folgt:

Funktion äußere(c,d) {
var e = c * d;

Funktion inner(a,b) {
          return (e * a) b;
}

return inner(0,1);
}

Funktionen und Objekte können überall dort platziert werden, wo Ausdrücke zulässig sind.
Zwischen dem anonymen Funktionsschlüsselwort function und der linken Klammer (.
steht ein Leerzeichen Verwenden Sie globale Funktionen so selten wie möglich.
Für die sofortige Ausführung von Funktionen sollte der gesamte aufrufende Ausdruck in ein Klammerpaar () gesetzt werden, um deutlich zu machen, dass der Wert der Variablen das Ergebnis der Funktionsausführung und nicht die Funktion selbst ist. Der folgende Code:

Code kopieren Der Code lautet wie folgt:

var result = (function () {
var key = "";
Geben Sie {
zurück           get: function () {
              Eingabetaste;
},
set: Funktion (Taste) {
              key = key;
}
};
}());

7. Benennung

Namen mit Buchstaben, Zahlen und Unterstrichen vermeiden.
Verwenden Sie keinen Unterstrich als erstes Zeichen eines Namens.
Die meisten Variablen und Funktionen werden mit einem Kleinbuchstaben benannt.
Der Konstruktor muss mit einem Großbuchstaben beginnen. Das Weglassen von new in js führt nicht zu einem Fehler (Kompilierungs- oder Ausführungsfehler), es ist jedoch am besten, ihn nicht wegzulassen.
Globale Variablen sollten ausschließlich in Großbuchstaben benannt werden (in js gibt es kein Konzept für Makros und Konstanten).

8. Erklärung

Einfache Aussage

Es gibt maximal eine Anweisung pro Zeile und sie endet mit einem Semikolon; Beachten Sie, dass Anweisungen, die Funktionsliteralen und Objektliteralen Werte zuweisen, ebenfalls ein Semikolon verwenden.
js ermöglicht die Verwendung jeder Variablen als Anweisung, kann jedoch beim Einfügen eines Semikolons zu Fehlern führen. Daher handelt es sich bei den Anweisungen, die im Allgemeinen Ausdrücke verwenden, um Zuweisungs- oder Funktionsaufrufanweisungen (ich verstehe den englischen Originaltext dieses Satzes ungefähr, aber ich Ich weiß nicht, wie die Übersetzung besser ist)

Zusammengesetzte Anweisung (eine Anweisung, die zwischen einem Paar von {} enthalten ist)

Interne Anweisungen werden um 4 Leerzeichen eingerückt.

Die öffnende Klammer { sollte am Ende der einleitenden Anweisungszeile stehen.
Die schließende Klammer sollte am Ende in einer eigenen Zeile stehen und am ersten Zeichen der Zeile ausgerichtet sein, die die öffnende Klammer enthält.
Wenn sich die Anweisung in einer Steueranweisung befindet (z. B. for, if usw.), sollte die Anweisung in geschweifte Klammern {} eingeschlossen werden, auch wenn nur eine Anweisung vorhanden ist, um sicherzustellen, dass beim Hinzufügen der Anweisung keine Fehler auftreten .

9. Tag (Ich glaube nicht, dass dieser Teil ganz richtig ist)

Die Anweisungen zur Verwendung von label sind selektiv, es gibt nur die folgenden Typen: while, for, do, switch.

10. Rückgabeerklärung

Der zurückgegebene Wert sollte in Klammern eingeschlossen sein und der Rückgabeausdruck sollte in derselben Zeile wie das Rückgabeschlüsselwort stehen (vermeiden Sie das Einfügen eines Semikolons in eine neue Zeile).

11. if-Anweisung

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

if (Bedingung) {
Aussagen
}

if (Bedingung) {
Aussagen
} sonst {
Aussagen
}

if (Bedingung) {
Aussagen
} else if (Bedingung) {
Aussagen
} sonst {
Aussagen
}

12. zur Aussage

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

für (Initialisierung; Bedingung; Aktualisierung) {
Aussagen
}

für (Variable im Objekt) {
Wenn (Filter) {
Aussagen
}
}

Das erste Schleifenformat wird für Arrays und Variablen verwendet, die die Anzahl der Iterationen bestimmen können.
Der zweite wird für die Objektdurchquerung verwendet
Hinweis: Hier wird erwähnt, dass die im Objektprototyp hinzugefügten Eigenschaften aufgezählt werden können, daher muss die hasOwnProperty-Methode zum Filtern verwendet werden. Als ich sie jedoch mit dem for-In-Code getestet habe, wurde sie nicht angezeigt wo das Problem liegt.

13. while-Anweisung

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

while (Bedingung) {
Aussagen
}

14. Do-While-Anweisung

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

mach {
Aussagen
} while (Bedingung);

Fügen Sie am Ende der Anweisung ein Semikolon hinzu.

15. switch-Anweisung

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

switch (Ausdruck) {
Fallausdruck:
Aussagen
Standard:
Aussagen
}

Jede Groß-/Kleinschreibung muss am Schalter ausgerichtet sein, um eine übermäßige Einrückung zu vermeiden. Nur Groß-/Kleinschreibungsbeschriftungen sind keine Aussagen und sollten nicht eingerückt werden.
Jede case-Anweisung (außer default) muss mit break, return oder throw enden.

16. try-Anweisung

Folgen Sie dem folgenden Format:

Code kopieren Der Code lautet wie folgt:

versuche es mit {
Aussagen
} Catch (Variable) {
Aussagen
}
versuche es mit {
Aussagen
} Catch (Variable) {
Aussagen
} endlich {
Aussagen
}

17. Fortsetzungserklärung

Vermeiden Sie die Verwendung der continue-Anweisung.

18. mit Aussage

Die with-Anweisung sollte nicht verwendet werden.

19. Verwenden Sie Leerzeichen

Trennen Sie logisch zusammengehörige Codesegmente, indem Sie Leerzeilen setzen, um die Lesbarkeit des Codes zu verbessern.
Setzen Sie Leerzeichen in den folgenden Fällen:
Auf Schlüsselwörter folgt eine öffnende Klammer (verwenden Sie Leerzeichen, zum Beispiel:
). while (wahr) {
Zwischen Funktionsparametern und der öffnenden Klammer (.
dürfen keine Leerzeichen verwendet werden Binäre Operatoren außer dem Punkt (.), der linken Klammer (() und der eckigen Klammer ([) müssen ein Leerzeichen verwenden, um die Operanden zu trennen.
Zwischen unären Operatoren außer typeof und ihren Operanden dürfen keine Leerzeichen stehen.
Nach jedem Semikolon steht im for-Anweisungskontrollblock ().
Nach jedem Komma muss ein Leerzeichen stehen.

20. Zusätzliche Vorschläge

[] und {}
Arrays werden verwendet, wenn die Mitgliedsnamen aufeinanderfolgende ganze Zahlen sind, Objekte werden verwendet, wenn die Mitgliedsnamen beliebige Zeichenfolgen und Namen sind.
Verwenden Sie {} anstelle von new object() und [] anstelle von new Array().
Komma, Operator
Vermeiden Sie die Verwendung von Kommas und Operatoren (diese Regel gilt nicht für Objektliterale, Array-Literaldefinitionen, Var-Deklarationsanweisungen und Parameterlisten)
Bereich blockieren
Zusätzlich zur Konformität mit Anweisungen, die keine Anweisungsblöcke verwenden, verfügt js nicht über einen Bereich auf Blockebene, sondern nur über einen Funktionsbereich.
Zuweisungsausdruck
Vermeiden Sie die Verwendung von Zuweisungsanweisungen im bedingten Beurteilungsteil von while- und if-Anweisungen.
===und!==
Verwenden Sie kongruente Symbole (=== und !==), um die Gleichheit zu bestimmen, und vermeiden Sie die Verwendung erzwungener Typgleichheitskonvertierungssymbole (== und !=).
Wenn eine Zahl (oder -) zu einer Zahl mit einem Vorzeichen ( oder -) oder einer Zahl mit einem Vorzeichen ( oder - -) hinzugefügt wird, muss die Zahl mit einem Vorzeichen oder ( oder - -) eingeschlossen werden.
eval ist der Teufel (Missbrauch von eval)
Die gleiche Situation besteht für eval. Der Funktionskonstruktor sollte nicht verwendet werden und es sollten keine Zeichenfolgen an die Funktionen setTimeout oder setInterval übergeben werden.

Die oben genannten 20 Vorschläge sind alle von mir im Projekt zusammengefasst. Sie sollten für Anfänger, die Javascript lernen, ein wenig hilfreich sein. Wenn Sie sie finden, teilen Sie sie uns bitte mit Ideen austauschen und gemeinsam Fortschritte machen.