Warum ich einen JavaScript -Style -Handbuch verwende und warum Sie es auch sollten

Schlüsselpunkte

• Stickerei JavaScript Style Guides wie JavaScript -Standardstil helfen dabei, die Teamreibung zu reduzieren, das Glück der Programmierer zu verbessern und die Code -Konsistenz zu gewährleisten.
• Codierung mit Mainstream -Sprachenstilen wie JavaScript erleichtert es, zu Open -Source -Projekten beizutragen und andere zu Ihren Projekten beitragen zu lassen.
• Style -Guides machen das Programm nicht unbedingt korrekter, aber es kann Fehler aufnehmen, bevor Fehler veröffentlicht werden, wodurch der Code leichter zu lesen und zu verstehen ist und Meinungsverschiedenheiten unter den Teammitgliedern verhindern.
• Implementieren des JavaScript-Standardstils können ohne Tools durchgeführt werden. Es gibt jedoch NPM-Pakete, die in Lint JavaScript-Code- und Texteditor-Plug-Ins verwendet werden können, um Stile durchzusetzen.

Schauen wir uns den JavaScript -Standardstil @Feross, einen beliebteren JavaScript -Stilhandbuch, an. Es kann Ihnen helfen, die Teamreibung zu reduzieren und das Glück der Programmierer zu verbessern.

Es handelt sich um eine Reihe von Regeln, die JavaScript -Code konsistenter machen und langweilige Diskussionen über die Vor- und Nachteile von Registerkarten und Räumen verhindert. Es ist einer von vielen Stilen, die Sie in dieselbe Kategorie einnehmen können wie andere JavaScript -Linter wie Jslint, JSHINT und ESINT. Wenn Sie sich nicht sicher sind, was Linter ist oder warum Sie es benötigen, lesen Sie unseren Vergleich von JavaScript -Lining -Tools.

Die Bedeutung des Stils

Wenn Sie eine Weile Code geschrieben haben, werden Sie zweifellos den Stil entwickeln, den Sie mögen. Dies geschieht, wenn Sie ein bestimmtes Muster Hunderte oder tausend Male schreiben und Ihre ästhetisch ansprechende Codierung finden. Plötzlich kamen andere und begannen, Klammern an seltsamen Stellen zu platzieren und am Ende der Linie Räume zu verlassen. Möglicherweise werden ein Text benötigt. Wenn Sie tief einatmen, wird Ihr Programm nicht korrekter, was Sie mit Klammern oder Auswahl von Räumen nicht korrigieren.

Jede Programmiersprache hat einen Mainstream -Stil, und manchmal wie Python wird der offizielle Stilhandbuch als

korrekte

-Methode zum Schreiben von Programmen dargestellt. Warten Sie, sagen Sie, die Eindrücke ist 4 Räume ? Codierung mit dem Mainstream -Stil der Sprache hilft Ihrem Programm dabei, sich an das Ökosystem der Sprache anzupassen. Wenn Sie zu Beginn vertraut sind und sich einig sind, werden Sie es auch einfacher finden, zu Open -Source -Projekten beizutragen und andere zu Ihrem Projekt beitragen zu lassen.

JavaScript hat keinen offiziellen Leitfaden, und vielleicht erscheint ein De -facto -Standard in Douglas Crockfords "ausgezeichnetem Teil". Sein Buch schlägt eine Möglichkeit vor, zuverlässige JavaScript -Programme zu schreiben, und er betont Merkmale, die wir aktiv vermeiden sollten. Er postete JSlint, um diese Ansichten zu unterstützen, und andere Linter folgten dem Beispiel. Die meisten Linter sind sehr konfigurierbar. Der JavaScript -Standardstil ist unterschiedlich. Ihr Lieblingsstil ist nichts , es ist wichtig, einen Stil zu wählen, den jeder verstehen und verwenden kann.

Einen Standardstil übernehmen bedeutet, die Bedeutung von Code -Klarheit und Community -Normen über den persönlichen Stil zu setzen. Für 100% der Projekt- und Entwicklungskultur ist dies möglicherweise nicht sinnvoll, aber Open Source kann ein feindlicher Ort für Anfänger sein. Durch den Aufbau klarer, automatisierter Erwartungen des Mitwirkenden wird das Projekt gesünder.

Wenn Sie ein Programm selbst schreiben, an dem niemand teilnehmen muss, verwenden Sie die Tools und Stile, die Sie am glücklichsten machen. Wenn Sie in einem Team arbeiten, sollten Sie immer Reibung minimieren, professionell bleiben und sich keine Sorgen um kleine Dinge machen.

Bitte nehmen Sie sich die Zeit, um die Stile vorhandener Codebasen zu lernen, bevor Sie Ihre eigenen Stile einführen.

JavaScript Standard -Stil

• 2 Leerzeichen - Für Einrückung
• Zeichenfolgen verwenden einzelne Zitate - es sei denn, es zu vermeiden,
zu vermeiden
• Keine nicht verwendeten Variablen - dies kann viele Fehler auffangen!
• kein Semikolon
• Beginnen Sie nicht mit (, [oder `
• Es gibt Leerzeichen nach dem Schlüsselwort, wenn (Bedingung) {...}
• Es gibt Platz nach dem Funktionsnamenfunktionsname des Funktionsnamens (arg) {...}
• immer verwenden === anstelle von == - aber obj == null check || undefiniert.
• Behandeln Sie immer Node.js Err -Funktionsparameter
• Fügen Sie immer ein Fensterpräfix zu den globalen Browser -Variablen hinzu - aber Dokument und Navigator können
  verhindert die versehentliche Verwendung von unsachgemäß benannten Browser -globalen Variablen wie offen, Länge, Ereignis und Namen.

Zeigen Sie die vollständige Liste der Regeln an

Die umstrittenste Regel ist zweifellos das Fehlen eines Semikolons. Seit Jahren haben die Menschen gedacht, dass Semikolons immer sein sollten, um Fehler zu vermeiden in der Lage zu laufen.

JavaScript -Standardstil hat meine Ansicht dazu verändert, ohne dass Semikolon JavaScript gut ist.

Automatisches Semikoloneinfügung ist ein -Feature von JavaScript, das das Rauschen reduziert und das Programm vereinfacht. Ich habe nie einen Fehler aufgetreten, da ein Semikolon mangelt. Ich glaube nicht, dass Sie es auch begegnen werden. Weitere Informationen dazu finden Sie in JavaScript, das Semikolon notwendig?

Nicht alle sind sich einig, und der berühmte Zweig -Semistandard und das Glück stellen das Semikolon nachdrücklich wieder her. Ich finde diese Zweige ein wenig bedauernd, weil sie die volle Bedeutung des Standards zu verpassen scheinen.

Ich bin mit Regel X nicht einverstanden, können Sie es ändern?

nein. Der Schwerpunkt des Standards liegt auf der Vermeidung unnötiger Debatten über Stile. Es gibt viele Debatten im Internet über Registerkarten und Räume usw., und diese Debatten werden niemals gelöst. Diese Argumente werden nur ablenken und die Arbeit nicht ausfüllen. Letztendlich müssen Sie "nur etwas auswählen", und das ist die gesamte Philosophie des Standards - es ist eine Reihe von weisen Perspektiven "SELECT nur etwas". Hoffentlich können Benutzer den Wert davon erkennen, anstatt ihre eigenen Meinungen zu verteidigen.

Persönlich habe ich mich an das Codieren ohne Semikolon gewöhnt. Vielleicht liegt es daran, dass ich mir die Zeit genommen habe, Ruby, Python und Coffeescript zu schreiben, die weniger Syntax erfordern. Was auch immer der Grund sein mag, ich fand das Programm klarer, wenn weniger Inhalte zu sehen waren.

Marks hervorragende Programmebene

Programmierer sollten darauf achten:

1. Verantwortung
2. Lesbarkeit
3. Glück
4. Effizienz

Es stellt sich heraus, dass die Übernahme eines Style -Leitfadens wie Standard Vorteile in all diesen Aspekten bringen kann.

Verantwortung

Um irgendeine Rolle zu spielen, muss das Programm nach vorhaben und ohne Fehler ausgeführt werden. Stile machen das Programm nicht korrekter, aber Linter kann Fehler aufnehmen, bevor Fehler veröffentlicht werden.

Lesbarkeit

als professioneller Entwickler ist die Lesbarkeit des Codes das Wichtigste und bietet zusätzlich zur Bereitstellung eines effektiven Programms. Es erfordert viel mehr Anstrengung, ein Programm zu lesen und zu verstehen, als zu schreiben. Optimieren Sie daher für Ihr zukünftiges Selbst und andere, die Ihren Code erben. Klare und vorhersehbare Stile erleichtern den Code leichter zu lesen und zu verstehen.

Glückssinn des Programmierers

Was mir an diesem Aspekt am meisten gefällt, ist, dass er sich eher auf Menschen als auf Maschinen konzentriert. Es steht nur dann auf dem dritten Platz auf der Liste, weil das Bedürfnis des Teams nach lesbarem Funktionscode Vorrang vor unserem eigenen Glück haben sollte, aber das bedeutet nicht, dass er auf Kosten des Glücks geht.

Sie wollen das Leben genießen, nicht wahr? Wenn Sie die Arbeit schnell erledigen können und die Arbeit Spaß macht, ist das großartig, nicht wahr? Dieser Teil ist der Zweck des Lebens. Dein Leben ist besser.

- Matsumoto yuhiro

Das Leben ist kurz, mach dir keine Sorgen über Unterschiede in den persönlichen Vorlieben, setze einen Standard und mach weiter. Wenn Standardstile bei den Teammitgliedern Meinungsverschiedenheiten und Reibungen verhindern, werden Sie deshalb glücklicher sein.

Effizienz

Der letzte Punkt, aber nicht zuletzt.

Wenn Sie einen dieser Punkte abwägen müssen, sollten Sie korrekt und lesbar schätzen und Menschen glücklicher

als

Schnellcode machen.

Der Computer ist sehr schnell. Wenn das Programm effizient genug ist, gibt es kein Problem. Wenn Sie eine schlechte Leistung bemerken, nehmen Sie sich die Zeit, um Engpässe zu finden und den Code effizienter zu gestalten. Menschen sind sehr langsam. Es ist wertvoller, unsere Effizienz zu verbessern. Die Klarheit, die durch die Einführung von Standardstilen gewonnen wurde, erleichtert Ihr Code leichter zu verstehen und Beiträge zu beteiligen. Die Zeit für Meinungsverschiedenheiten wurde ebenfalls stark reduziert, was sehr beliebt ist.

Implementieren Sie den JavaScript -Standardstil

Sie können Standards ohne Tools übernehmen, einfach die Regeln lesen und die verschiedenen Regeln notieren. Probieren Sie es eine Woche lang aus und sehen Sie, ob es Ihnen gefällt. Wenn es Ihnen nicht gefällt, benutze es weiter!

Es gibt auch ein NPM -Paket für Lint Ihr JavaScript -Code.

Standard -Standard werden alle JavaScript -Dateien im Verzeichnis über Linter ausgeführt.

<code>npm install standard --global</code>

Zusätzlich haben alle gängigen Redakteure Texteditor -Plugins. Hier finden Sie, wie Sie einen Linter in Atom installieren.

<code>apm install linter
apm install linter-js-standard</code>

persönlich finde ich das automatische Lint -Programm beim Tippen sehr ablenkend. Wenn Sie genauso fühlen, bevorzugen Sie diese Linter möglicherweise, nachdem Sie Ihre Arbeit beendet haben. Der Standardbefehl verfügt auch über ein Flag, das bestimmte Stilfehler automatisch behebt, was Ihnen Zeit sparen kann.

<code>standard --fix</code>

Verwenden von JavaScript -Standardstil

Sollten Sie einen Standardstil annehmen? Nun, es liegt alles bei dir.

Wenn Sie keinen Stilführer haben, sollten Sie sich mit Meinungskonflikten befassen.

Wenn Sie Ihre ideale Regeln perfektioniert haben und sie während Ihrer gesamten Codebasis durchsetzen möchten, ist es möglicherweise das, wonach Sie suchen.

Wenn Sie Ihre Zeit lieber nicht mit diesen langweiligen Details der Syntax verschwenden, probieren Sie den JavaScript -Standardstil aus und teilen Sie uns mit, was Sie in den Kommentaren unten denken.

FAQs über JavaScript Style Guide

Warum ist es wichtig, JavaScript Style Guide zu verwenden?

Der JavaScript -Stilhandbuch ist eine Reihe von Standards, denen Entwickler beim Schreiben von JavaScript -Code folgen. Es gewährleistet die Konsistenz, Lesbarkeit und Wartbarkeit des Codes. Wenn mehrere Entwickler an einem einzelnen Projekt arbeiten, ist es wichtig, dass sie alle demselben Stilhandbuch folgen, um Verwirrung zu vermeiden und den Code leichter zu verstehen und zu debuggen. Es hilft auch, die Möglichkeit von Fehlern und Schwachstellen im Code zu verringern.

Wie style HTML -Elemente mit JavaScript?

Sie können JavaScript verwenden, um HTML -Elemente zu stylen, indem Sie auf das Stilattribut des Elements zugreifen. Wenn Sie beispielsweise ein Element mit der ID "Myelement" haben, können Sie seine Hintergrundfarbe in Rot ändern, wie so: document.getElementById ("myelement"). style.backgroundcolor = "rot"; Dies gilt den CSS -Stil direkt auf das Element.

Was sind die gemeinsamen Guides im JavaScript -Stil, die von Entwicklern üblicherweise verwendet werden?

Einige der häufigsten Guides im JavaScript -Stil, die von Entwicklern verwendet werden, sind Airbnbs JavaScript Style Guide, Googles JavaScript Style Guide und StandardJs. Diese Leitfäden bieten Regeln für Syntax, Formatierung und Best Practices, um sicherzustellen, dass der Code sauber, konsistent und leicht zu lesen ist.

Wie kann man JavaScript Style Guide in meinem Projekt durchsetzen?

Sie können JavaScript -Style -Guides in Ihrem Projekt mit Lintern wie Eslint durchsetzen. Linter ist ein Tool, das Ihren Code analysiert, um potenzielle Fehler und Verstöße in Ihrem Stilhandbuch zu finden. Sie können eslint so konfigurieren, dass Sie die Regeln des Style -Leitfadens Ihrer Wahl befolgen, und es alarmiert Sie, wenn Ihr Code gegen diese Regeln verstößt.

Kann ich meinen eigenen JavaScript -Stilhandbuch erstellen?

Ja, Sie können Ihren eigenen JavaScript -Stilhandbuch erstellen. Es ist jedoch oft effizienter, vorhandene Stilführer zu verwenden, die die Community getestet und verifiziert hat. Wenn Sie spezifische Anforderungen haben, die nicht von vorhandenen Stilführern behandelt werden, können Sie Ihre eigenen Regeln erstellen und zu Ihrer Linterkonfiguration hinzufügen.

Was ist der Unterschied zwischen Inline -Stilen und externen Stilen in JavaScript?

Inline -Stile werden mithilfe des Style -Attributs direkt auf HTML -Elemente angewendet, während externe Stile in separaten CSS -Dateien definiert und mit HTML -Dokumenten verknüpft sind. Während Inline -Stile für kleine Projekte oder schnelle Korrekturen sehr bequem sind, werden für große Projekte häufig externe Stile bevorzugt, da sie die Wiederverwendbarkeit und die Trennung von Bedenken verbessern können.

Wie kann ich JavaScript verwenden, um Stile aus HTML -Elementen zu entfernen?

Sie können JavaScript verwenden, um Stile aus HTML -Elementen zu entfernen, indem Sie das Style -Attribut auf eine leere Zeichenfolge einstellen. Um beispielsweise die Hintergrundfarbe aus einem Element mit der ID 'Myelement' zu entfernen, können Sie Folgendes tun: document.getElementById ("myelement"). style.backgroundcolor = ""; Dadurch wird der Inline -Stil aus dem Element entfernt.

Wie hoch sind die Vorteile der Verwendung von STINTER mit dem JavaScript -Style -Handbuch?

Verwenden von Linter mit JavaScript Style Guide können Ihnen helfen, Fehler und Inkonsistenzen zu fangen, bevor sie zu Problemen werden. Es kann Ihnen auch helfen, sauberer zu schreiben und Code zu lesen, indem Sie Best Practices und Stilregeln durchsetzen. Darüber hinaus kann es Ihnen Zeit sparen, indem Sie bestimmte Arten von Fehlern automatisch beheben und Probleme formatieren.

Wie verwendet ich JavaScript, um mehrere Stile auf HTML -Elemente anzuwenden?

Sie können JavaScript verwenden, um mehrere Stile auf HTML -Elemente anzuwenden, indem Sie mehrere Style -Eigenschaften einstellen. Um beispielsweise die Hintergrundfarbe und Schriftgröße eines Elements mit der ID 'Myelement' festzulegen, können Sie Folgendes ausführen: var elem = document.getElementById ("myelement"); Elem.Style.BackgroundColor = "Red"; Elem.Style.Fontsize = "20px"; Dies wendet beide Stile auf das Element an.

Kann ich JavaScript verwenden, um Pseudoelemente zu stylen?

Nein, JavaScript kann Pseudo-Elemente wie :: vor und :: nachher nicht direkt stylen. Diese sind Teil der CSS -Spezifikation und können nur verwendet werden, um sie zu stylen. Sie können jedoch mit JavaScript Klassen zu Elementen hinzufügen oder entfernen. Diese Klassen können in Ihrem CSS pseudo-elementbezogene Stile enthalten.

Das obige ist der detaillierte Inhalt vonWarum ich einen JavaScript -Style -Handbuch verwende und warum Sie es auch sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!