Was sind die besten Programmierpraktiken für die JavaScript-Codierung? Diese Frage ist möglicherweise schwer zu beantworten. Lassen Sie uns also die Frage ändern: Welche Codierungsstandards sind am beliebtesten?
Sideeffect.kr kam durch die Analyse des auf GitHub gehosteten Open-Source-Codes zu einigen interessanten Ergebnissen. Werfen wir einen Blick darauf.
Endkomma vs. Anfangskomma
Zitate am Zeilenende:
Kopieren Sie den Codecode wie folgt:
var foo = 1,
Balken = 2,
baz = 3;
var obj = {
foo: 1,
Balken: 2,
baz: 3
};
Ausgangszitat:
Kopieren Sie den Codecode wie folgt:
var foo = 1
, bar = 2
, baz = 3;
var obj = {
foo: 1
, Takt: 2
, baz: 3
};
Zeilenende: 92,345 %; Zeilenanfang: 7,655 %. (Basierend auf 1.100.251 Commits.)
Leerzeichen und Tab
Jeder liebt es heutzutage, Räume zu nutzen. Durch die Verwendung von Leerzeicheneinrückungen kann sichergestellt werden, dass unterschiedliche Entwickler und unterschiedliche Editoreinstellungen dieselben Ergebnisse sehen.
Leerzeichen: 81,1 %; Tab: 18,9 %. (Basierend auf 2.019.550 Einsendungen.)
Ob nach der Funktion ein Leerzeichen eingefügt werden soll
keine Leerzeichen
Kopieren Sie den Codecode wie folgt:
Funktion foo() {
return „bar“;
}
Es gibt Leerzeichen
Kopieren Sie den Codecode wie folgt:
Funktion foo () {
return „bar“;
}
Ohne Leerzeichen 67,424 %; mit Leerzeichen 32,576 %. (Basierend auf 1.212.488 Einsendungen.)
Gibt es Leerzeichen zwischen Parametern und Klammern?
keine Leerzeichen
Kopieren Sie den Codecode wie folgt:
Funktion fn(arg1, arg2) {
//oder
if (wahr) {
Es gibt Leerzeichen
Kopieren Sie den Codecode wie folgt:
Funktion fn(arg1, arg2) {
// ...
}
if (wahr) {
// ...
}
Ohne Leerzeichen 94,31 %; mit Leerzeichen 5,69 %. (Basierend auf 1.514.971 Einsendungen.)
Gibt es Leerzeichen um den Doppelpunkt im Objektliteral?
Nach dem Doppelpunkt steht ein Leerzeichen
Kopieren Sie den Codecode wie folgt:
{
foo: 1,
Balken: 2,
baz: 3
}
Kein Leerzeichen nach dem Doppelpunkt
Kopieren Sie den Codecode wie folgt:
{
foo:1,
Takt:2,
baz:3
}
Vor und nach dem Doppelpunkt stehen Leerzeichen
Kopieren Sie den Codecode wie folgt:
{
foo: 1,
Balken: 2,
baz: 3
}
Nachgestelltes Leerzeichen: 62,955 %; kein Leerzeichen: 22,891 %; führende und nachgestellte Leerzeichen: 14,154 %. (Basierend auf 1.300.035 Einsendungen.)
Persönlich bin ich der Meinung, dass kein Raum zu überfüllt ist und nicht dazu geeignet ist, Schlüssel und Wert schnell zu unterscheiden. Wenn davor und danach Leerzeichen stehen, müssen Sie leider die Doppelpunkte ausrichten, damit es schön aussieht. Den Statistiken zufolge sind die meisten Programmierer zu faul, Doppelpunkte auszurichten (oder liegt es daran, dass die IDEs oder Editoren der meisten Programmierer nicht schlau sind). genug?)
bedingte Anweisung
Es gibt Leerzeichen
Kopieren Sie den Codecode wie folgt:
if (wahr) {
//......
}
while (wahr) {
//......
}
Schalter (v) {
//......
}
keine Leerzeichen
Kopieren Sie den Codecode wie folgt:
if(true) {
//......
}
while(true) {
//......
}
switch(v) {
//......
}
Mit Leerzeichen 78,276 %; ohne Leerzeichen 21,724 %. (Basierend auf 1.163.316 Einsendungen.)
Einfache Anführungszeichen, doppelte Anführungszeichen
Einfache Anführungszeichen: 56,791 %; doppelte Anführungszeichen: 43,209 %. (Basierend auf 1.705.910 Einsendungen.)
Zusammenfassen
Daher sind die beliebtesten Codierungsstandards:
•Zeilenende-Komma
• Leerzeicheneinzug
•Kein Leerzeichen nach dem Funktionsnamen
•Keine Leerzeichen zwischen Funktionsparametern und Klammern
•Fügen Sie in Objektliteralen ein Leerzeichen nach dem Doppelpunkt ein, jedoch nicht vor dem Doppelpunkt.
•Fügen Sie nach dem Schlüsselwort der bedingten Anweisung ein Leerzeichen hinzu
Was beliebt ist, ist nicht unbedingt gut (z. B. Influenza), aber aus kommunikativer Sicht kann das Schreiben von Code in einem beliebten Stil dazu führen, dass Ihr Code den meisten Menschen bekannter vorkommt.