Das CLEAN Framework: Eine Schritt-für-Schritt-Anleitung zum Schreiben von fehlerfreiem, wartbarem JavaScript-Code

Freitagabend mit dem Käfer. Was für ein gruseliger Traum.

Nein, es ist kein Traum. Es kann passieren. Tatsächlich kommt es so oft vor, dass Sie anfangen, sich über sich selbst und die Fähigkeiten Ihres Teams Gedanken zu machen.

Wie können Sie übrigens den Fehler minimieren?

Ich habe ein Framework entwickelt, um Sie zu retten – das CLEAN Framework für Clean Code.

C → Konsistenz ist Trumpf.

Machen Sie Ihren Code konsistent. Was bedeutet das, wenn Sie gefragt haben?

Wenn Sie mit der Behebung des Fehlers beginnen, sehen Sie die Variablennamen x, y und z. Sie fragen sich, was zum Teufel das ist. Sie verfolgen alle Orte zurück, an denen es verwendet wird, und stellen fest, dass es zur Aktualisierung des Namens, der Adresse und der E-Mail-Variablen dient. Jetzt verfluchen Sie sich selbst, warum Sie x, y und z anstelle eines Rassenvariablennamens verwendet haben, um Ihren kostbaren Freitagabend mit einem unvermeidlichen Fehler zu verschwenden.

Also, was tun?

Befolgen Sie auf meine Art einen Styleguide. So wie es Airbnb oder Google tun. Ich bevorzuge Airbnb.

Airbnb-Styleguide – https://github.com/airbnb/javascript

Google Style Guide – https://google.github.io/styleguide/jsguide.html

L → Lean-Funktionen und Module

Mach es jetzt auf, Leute!

Ich frage mich, was und warum ich vorschlage, die Dinge aufzulösen?

Nun, abkühlen. Ich sage nicht, dass ich die Tastatur vor Ihren Augen zerbrechen soll. Ich schlage vor, die von Ihnen geschriebenen erweiterten Funktionen aufzuschlüsseln, die jetzt schwer zu lesen und zu verstehen sind. Teilen Sie es so auf, dass jede Funktion eine Sache gut macht – wie eine Hilfsfunktion, die Ihrem ursprünglichen Funktionscode hilft.

Kleine, fokussierte Funktionen sind das Geheimnis wartbaren Codes.

E → Effiziente Optimierung

Geschwindigkeit ist notwendig, aber nicht auf Kosten der Lesbarkeit und des fehlerfreien Codes.

Ich weiß, ich weiß. Sie werden sagen, ich muss diese Funktion schneller fertigstellen, da die Frist näher rückt. Jetzt werde ich Sie fragen, wie Sie diesen Fehler mit der gleichen Blitzgeschwindigkeit lösen können, mit der Sie den Originalcode geschrieben haben.

Nicht einfach. Richtig?

Aber hier ist das. Beginnen Sie mit dem Schreiben Ihres Features. Wenn Sie fertig sind und bevor Sie Ihren Code zur Überprüfung weiterleiten, fragen Sie sich, wie Sie den Code optimieren können. Hätte ich „map“ anstelle von „forEach“ verwenden sollen? Hätte ich die for...of-Schleife anstelle der for-Schleife verwenden sollen?

Optimierter Code ist glücklicher Code, und glücklicher Code sorgt für glückliche Entwickler.

A → Antike Codepflege

Legacy-Codes sind langweilig, aber eigentlich sind sie brauchbare Antiquitäten.

Jemand verbringt viel Zeit damit, die Anforderung zu verstehen und umzusetzen. Du hast Recht; Manchmal ist es nicht der am besten optimierte und lesbare Code. Aber jetzt liegt es in Ihren Händen, es richtig zu machen. Wenn es die Zeit erlaubt, überarbeiten Sie es langsam und stetig. Gehen Sie Schritt für Schritt vor, um die ursprünglichen Funktionen beizubehalten.

Respektieren Sie das Erbe, aber haben Sie keine Angst, es sanft in die Zukunft zu führen.

N → Einführung neuer Funktionen

Es gibt den Grund, warum ES6-Funktionen immer wieder hinzugefügt werden.

Es handelt sich nicht nur um glänzende neue Spielzeuge; Sie sind die neue Superkraft, saubereren und effizienteren Code zu schreiben. Pfeilfunktionen, Destrukturierung und Vorlagenliterale sind das Schweizer Taschenmesser von JavaScript. Und vergessen wir nicht die asynchrone Programmierung. Promises und Async/Await sind wie Verkehrskontroller für Ihren Code und sorgen dafür, dass alles reibungslos und ohne Staus abläuft.

Moderne Funktionen machen Ihren Code ausdrucksvoller und Ihr Leben einfacher.

Bonus: Testen, Debuggen, Wiederholen

Eine gut getestete Codebasis ist eine zufriedene Codebasis.

Wie fühlen Sie sich, wenn Sie zur Blutuntersuchung gehen und nichts Wichtiges feststellen? Ja, die Codebasis kann sich genauso anfühlen, wenn Sie es sich vorstellen. Wenn der Code gut getestet ist, ist die Wahrscheinlichkeit, dass am Freitagabend ein Fehler auftritt, tatsächlich geringer.

Schreibtests sind ein Bonus, aber ein Muss.

Denken Sie daran, Sie haben das! Mit dem CLEAN-Framework (Konsistenz, schlanke Module, effiziente Optimierung, Pflege antiker Codes und Einführung neuer Funktionen) sind Sie für jede JavaScript-Herausforderung bestens gerüstet. Machen Sie jetzt weiter und programmieren Sie wie der JavaScript-Ninja, der Sie sind!

Wenn Ihnen die Lektüre gefallen hat, folgen Sie mir auf Twitter/X, um mehr zu lesen.

Das obige ist der detaillierte Inhalt vonDas CLEAN Framework: Eine Schritt-für-Schritt-Anleitung zum Schreiben von fehlerfreiem, wartbarem JavaScript-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!