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!