Heim >Web-Frontend >js-Tutorial >Detaillierte Einführung in den JavaScript-Coding-Styleguide
Einrückung
Es wird empfohlen, für den Editor , automatisch konvertieren
Semikolons
Semikolons nicht weglassen, um ASI-Fehler (automatische Semikoloneinfügung) zu vermeidenLinienbreite
Jede Codezeile sollte 80 Zeichen nicht überschreiten. Wenn sie zu lang ist, sollten Sie den Operator verwenden, um die Zeile manuell umzubrechenZeilenumbruch
Der Operator steht am Ende der vorherigen Zeile und die nächste Zeile ist um 2 Ebenen eingerückt. Wenn es sich um eine Zuweisungsanweisung handelt, sollte sie auch an dem Teil nach dem Gleichheitszeichen ausgerichtet seinLeerzeile
Der Autor Nicholas empfiehlt außerdem, oben im BlockFlusskontrolle eine Leerzeile zu lassen, aber das gegebene Beispiel ist nicht sehr klar
Benennung
KonstanteName: C-Sprache Formel, alle Großbuchstaben, Unterstrich-Wortsegmentierung
Konstruktor : Pascal-Regel, alle Anfangsbuchstaben werden groß geschrieben, der Rest sind Kleinbuchstaben
Literal
Null: Behandeln Sie Null nur als Konto von Objekt. Bitsymbol, nicht verwenden Verwenden Sie es nicht zum Erkennen formaler Parameter und auch nicht zum Erkennen nicht initialisierter Variablen.
Objekte sollten auf Null initialisiert werden, um undefiniert und nicht initialisiert zu unterscheiden
Angemessen geschriebene Kommentare helfen, die Geschichte des Codes zu erzählen,
Einzeilige Kommentare
Mehrzeiliger Kommentar
wird zum Umschließen großer Kommentare verwendet, EmpfohlenEclipse Stil, wie zum Beispiel
/* * comment line1 * comment line2 */
Hinweis:
Wo Kommentare hinzugefügt werden können
Dokumentationskommentare
Zu jeder Funktion sollten Kommentare hinzugefügt werden, einschließlich Funktionsbeschreibung, Parameter, Rückgabewerte, ausgegebene Fehler usw., wie zum Beispiel der empfohlene Eclipse-Stil:/** * 添加指定元素到默认数组 * * @method add * @param {Number} 将要添加的元素 * @return {Boolean} 添加成功/失败 * @throw {TypeError} 参数类型不匹配 */ function add(item){ if(typeof item === "number"){ arr.push(item) } else{ throw new TypeError(); } }3. Anweisungen und Ausdrücke
Ausrichtung von Klammern
Zeilenende-Stil wird empfohlen, Unterzeilen-Stil wird nicht empfohlenAnweisungsleerzeichen blockieren
Es gibt ein Leerzeichen vor und nach den Klammern nach if, zum Beispiel:if (expr) { code }
UmbruchEinrückung 1 Ebene
mit zu verwenden Anweisung
Keine NotwendigkeitAlle Variablen sollten oben im Funktionskörper deklariert werden, einschließlich der Variablen, die im Initialisierungsteil der for-Schleife verwendet werden, um Fehler zu vermeiden, die durch Hosting (Hochstufung) verursacht werden (globale Variablen können blockiert werden)
for-in-Schleife
sollte nicht zum Durchlaufen des Arrays verwendet werden. Denken Sie bei der Verwendung daran, hasOwnProperty-Filterung hinzuzufügen, wenn Sie den Prototyp absichtlich durchlaufen Eigenschaft , Sie sollten einen Kommentar zur Erklärung verwenden
Variablendeklaration
Funktionskörper = Variablendeklaration + Funktionsdeklaration + logische Anweisung. Trennen Sie jeden Teil durch Leerzeilen.
Funktionsdeklaration
Deklarieren Sie niemals eine Funktionsdeklaration im if-Zweig, da dies von Browsern unterschiedlich verstanden wird ein standardmäßiger
Funktionsaufruf
ohne das Hinzufügen von Leerzeichen vor und nach den Klammern, um Verwechslungen mit Blockanweisungen zu vermeiden
Anonyme Funktion Sofort ausführen
Umschließen Sie die anonyme Funktion, die sofort ausgeführt wird, in Klammern, um Verwechslungen mit der Deklaration der anonymen Funktion zu vermeiden
Strikter Modus
Aktivieren Sie den strikten Modus nicht im globalen Bereich, sondern nur innerhalb der Funktion. Wenn Sie mehrere Funktionen aktivieren, können Sie anonyme Funktionen verwenden, um den strikten Modusbereich sofort auszuführen
Die Beurteilung ist gleich zu
Verwenden Sie nur === und !==
eval
Verwenden Sie nicht eval() und new Function(), Verwenden Sie eine anonyme Funktion, um setTimeout() und setInterval() zu optimieren
Grundlegender Verpackungstyp
Verwenden Sie nicht new Boolean(), new String(), new Number()
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den JavaScript-Coding-Styleguide. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!