Heim  >  Artikel  >  Web-Frontend  >  JavaScript schreibt wartbaren Code

JavaScript schreibt wartbaren Code

小云云
小云云Original
2017-12-06 15:31:051789Durchsuche

Die grundlegende Einrückungsstufe für die Formatierung beträgt 4 Leerzeichen. Am besten ist es, Tabulatoren auf 4 Zeichen zu vereinheitlichen. Ein Beispiel für einen Fehler, der durch ein abschließendes Semikolon am Ende einer Anweisung verursacht wird.

//原始代码function getData() {    return     {        title:"Maintainable JavaScript",        author:"Nicholas C. Zakas"    }
//分析器会它理解function getData

Grundlegende Formatierung

Einrückungsebene

4个空格缩进,最好统一tab为4个字符。

Anweisung Die Endung

结尾分号

erzeugt ein Beispiel für den Fehler

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}

Dies kann behoben werden, indem die öffnende geschweifte Klammer in dieselbe Zeile wie return verschoben wird.

//这段代码工作正常,尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}

Zeilenlänge

80个字符
Zeilenumbruch
通常我们会在运算符后换行,下一行会增加两个层级的缩进(8个字符)

Ausnahme: bei der Zuweisung eines Wertes Für eine Variable sollte die Position der zweiten Zeile an der Position des Zuweisungsoperators ausgerichtet sein, z. B.

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;

Leerzeile

  • zwischen Methoden

  • Zwischen Methodenlokalen und Anweisungen

  • Vor mehrzeiligen oder einzeiligen Kommentaren

  • Fügen Sie Leerzeilen zwischen logischen Fragmenten innerhalb von Methoden ein, um die Lesbarkeit zu verbessern

Grundlegende Formatierung

Einrückungsebene

4个空格缩进,最好统一tab为4个字符。

Ende der Anweisung

结尾分号

Ein Beispiel für einen Fehler

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}

kann durch Verschieben der linken geschweiften Klammer nach gemacht werden Geben Sie dieselbe Zeile wie „return“ ein, um dieses Problem zu beheben.

//这段代码工作正常,尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}

Zeilenlänge

80个字符
Zeilenumbruch
通常我们会在运算符后换行,下一行会增加两个层级的缩进(8个字符)

Ausnahme: bei der Zuweisung eines Wertes Für eine Variable sollte die Position der zweiten Zeile an der Position des Zuweisungsoperators ausgerichtet sein, z. B.

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;

Leerzeile

  • zwischen Methoden

  • Zwischen Methodenlokalen und Anweisungen

  • Vor mehrzeiligen oder einzeiligen Kommentaren

  • Fügen Sie Leerzeilen zwischen logischen Fragmenten innerhalb der Methode ein, um die Lesbarkeit zu verbessern

Der obige Inhalt befasst sich mit dem Schreiben von wartbarem Code in JavaScript. Ich hoffe, dass er allen helfen kann.

Verwandte Empfehlungen:

JavaScript-Tutorial zum Schreiben einer einfachen AJAX-Methodenbibliothek

Häufige JavaScript-Speicherlecks

Einführung in die Verwendung der Split-Funktion in JavaScript von flach nach tief

Das obige ist der detaillierte Inhalt vonJavaScript schreibt wartbaren Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn