Gehe zum Hauptinhalt

Warum Clean Code die JavaScript-Programmierung erleichtert

Aus Sicht eines Frontend-Entwicklers

Ich bin gelernter Frontend-Entwickler und bei IONOS als Community Relations Manager beschäftigt, wo ich für die Developer Relations zuständig bin. Seit Jahren beobachte ich, dass das Thema Clean Code immer wieder erneut relevant ist und teile darum meine Erfahrungen, die ich damit gemacht habe.

Denn JavaScript gilt als eine der beliebtesten Programmiersprachen der Welt, und auch für mich als Frontend-Entwickler ist JavaScript nicht mehr wegzudenken. Die Skriptsprache, die oft in Verbindung mit interaktiven Webseiten gebracht wird, ermöglicht es, dynamische Webseiten zu erstellen, Benutzerinteraktionen zu steuern und moderne Webanwendungen zu entwickeln.

Jeder, der sich also bereits mit dieser Programmiersprache beschäftigt hat, weiß wie wichtig es ist, dass man eigenen Code oder den von Anderen nachvollziehen kann. Für mich ist das Schreiben von sogenanntem Clean Code deshalb eine essentielle Fähigkeit, die man beherrschen sollte. Spätestens bei der nächsten Code Review oder bei einem neuen Projekt mit einem neuen Entwicklerteam steht irgendwann die Frage im Raum: Was bedeutet eigentlich Clean Code für euch?

Warum ist Clean Code für mich wichtig?
Nach über 5 Jahren Home-Office ist mir persönlich aufgefallen, wie wichtig Clean Code in einem Softwareprojekt ist. Kurzfristige Absprachen innerhalb eines Teams werden immer aufwendiger, da durch die räumliche Trennung der Tagesablauf durch mehr Meetings gekennzeichnet ist. Pair-Programming mit einem Face-to-Face Austausch findet immer seltener statt, auch Code-Reviews sind kürzer und nur auf das Wesentliche reduziert. Während das persönliche Gespräch auch mal mehr ins Details gehen und weitere Impulse setzen kann.

Meine Kriterien für Clean Code

Lesbarkeit und Verstehen

Clean Code ist vor allem dann wichtig, wenn es um die Lesbarkeit und das Verstehen des Codes geht. Wenn ich in einem Team arbeite, muss ich dafür Sorge tragen, dass mein Code für alle Teammitglieder lesbar und verständlich ist, so dass eine Zusammenarbeit reibungslos funktionieren kann. Nichts ist schlimmer, als wenn bei der nächsten Code Review nur noch Verständnisfragen zu dem geschriebenen Code aufkommen.

Beispiel: Aussagekräftige und lesbare Variablen
Schwierig

“foo” wird zum Beispiel oft als Platzhalter in der Programmierung genutzt, wenn man gerade nicht einen passenden Variablennamen parat hat. Achten Sie darauf, das auf der produktiven Ebene zu vermeiden.

✅ Besser

Nutzen Sie lieber Namen, die aussagekräftig sind und man sofort weiß um was es sich handelt. Programmiersprachen sind International, somit sollte jeder Ihren Code lesen können, daher achten Sie darauf, englische Worte für Ihre Variablen zu nehmen. Gilt nicht nur für Variablen, sondern auch für Funktionen.

Wartbarkeit

Ein weiterer Punkt ist die Wartbarkeit meines geschriebenen Codes. Je komplexer der Code, desto mühseliger wird mit der Zeit die Wartbarkeit, da die Identifizierung und Behebung von Fehlern erschwert wird. Sollten sich die Anforderungen ändern, ist auch gewährleistet, dass jedes Teammitglied die zu verändernde Stelle schneller finden und ändern kann. Die Wartbarkeit bei großen Projekten ist essentiell. Durch die hohe Menge an Quellcode, kann man schnell den Überblick verlieren und sich in seinem eigenen Code nicht mehr zurechtfinden.

Beispiel: Suchbare Variablennamen
Schwierig

In diesem Beispiel wird nicht klar, was diese hohe Zahl bedeutet. Achten Sie darauf, ihr am Besten einen suchbaren Namen zu geben.

Besser

Durch Konstanten, hier “const”, können Sie feste und nicht überschreibbare Variable vergeben. Perfekt für die fest definierten Millisekunden pro Tag. Diese Konstanten werden immer groß und in Snake Case geschrieben. Benennen Sie sie immer so, dass Sie sie in Zukunft wiederfinden können

Beispiel: Array Methoden
❌ Schwierig

Die For-Schleife ist aus meiner Sicht, einer der meist verwendeten Funktionen in JavaScript und wie man anhand ihres Aufbaus sieht, auch sehr fehleranfällig. Zudem gibt die For-Schleife auch die leerstehenden Felder in einem Array zurück. Dies kann zur Verwirrung führen, da man immer genau schauen muss, dass beim Iterieren kein Fehler entstanden ist.

Besser

Nutzt man die vorgegebenen Array Methoden, dann ist für das gleiche Beispiel die “forEach” Funktion die beste Wahl. Diese verkürzt die reguläre For-Schleife und gibt zudem automatisch die leerstehenden Felder nicht aus. Hier spielt die Lesbarkeit von Code auch eine ganz große Rolle.

Professionalität

Schreiben von Clean Code zeugt meines Erachtens auch von Professionalität. Wer Wert auf hohe Qualität legt, zeigt dies auch in seinem Code und kümmert sich im gleichen Zug um qualitativ hochwertige Software. Clean Code wirkt somit auch als Visitenkarte.

Fazit

Das Schreiben von Clean Code hilft nicht nur Ihnen, sondern auch Ihrem Team und ist essentiell für jeden Software Entwickler. Die oben genannten Beispiele stammen aus meinen Erfahrungen heraus und dienen nur als Leitfaden. Es ist nur ein Bruchteil von dem, was mit Clean Code alles möglich ist.

Schreiben von Clean Code sollte kein einmaliger Prozess sein. Sie sollten Ihren Code kontinuierlich verbessern und vereinfachen wollen, sodass er immer lesbar und wartbar bleibt. Je öfter man sich mit dem Thema beschäftigt, desto besser und schneller schreiben sie in Zukunft Ihren Code und die Zusammenarbeit mit Ihrem Team geht leichter von der Hand.

Jobs bei IONOS

Sie wollen erfahren, wie IONOS mit Clean Code arbeitet und Sie interessieren sich für Karrieremöglichkeiten in der IT? Informationen zu offenen Stellen und Details zur Bewerbung finden Sie auf unserer Jobs und Karriere Seite.

Weitere Links:

Schreibe einen Kommentar

Deine E-Mail-Adresse und Kundennummer werden nicht veröffentlicht. Erforderliche Felder sind mit * markiert