{"id":8038,"date":"2022-03-18T16:36:30","date_gmt":"2022-03-18T15:36:30","guid":{"rendered":"https:\/\/quanto-solutions.de\/?p=8038"},"modified":"2022-11-24T09:15:36","modified_gmt":"2022-11-24T08:15:36","slug":"clean-code-prinzipien","status":"publish","type":"post","link":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/","title":{"rendered":"Clean Code Prinzipien in JavaScript und TypeScript anwenden"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Clean Code Prinzipien in JavaScript und TypeScript anwenden<\/h1>\n\n\n\n<p>Wir als Berater bei der <a href=\"https:\/\/quanto-solutions.de\/\">QUANTO Solutions<\/a> stehen bei unseren Kunden regelm\u00e4\u00dfig vor der Aufgabe, bereits existierende Projekte, Konzepte, Strukturen und bestehenden Quellcode von anderen Entwicklern zu \u00fcbernehmen und auf dieser Basis aufzubauen. Zudem geh\u00f6rt die \u00dcbergabe eines Projekts oder einer Applikation nach erfolgreicher Entwicklung zu unseren Aufgaben. Um diese \u00dcberg\u00e4nge so unkompliziert wie m\u00f6glich zu gestalten und m\u00f6glichst effizient im Team zu arbeiten, hilft es die <strong>Clean Code Prinzipien <\/strong>einzuhalten.<\/p>\n\n\n\n<p>In diesem Blogbeitrag werden einfach umzusetzende Ans\u00e4tze beschrieben, die dabei helfen, unseren Quellcode nach den Clean Code Prinzipien aufzubauen. Die Guidelines k\u00f6nnen auf die Programmierung in den verschiedensten Sprachen angewandt werden, wobei hier die positiven Effekte auf die Entwicklung mit <a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/JavaScript\">JavaScript<\/a> und <a href=\"https:\/\/www.typescriptlang.org\/\">TypeScript<\/a> n\u00e4her beleuchtet werden sollen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was versteht man unter \u201eClean Code\u201c<\/h2>\n\n\n\n<p>Der Begriff \u201eClean Code\u201c geht auf den Autor Robert C. Martin und dessen gleichnamiges <a href=\"https:\/\/www.google.de\/books\/edition\/Clean_Code_Refactoring_Patterns_Testen_u\/zJZbAgAAQBAJ?hl=de&amp;gbpv=1&amp;printsec=frontcover\">Buch<\/a> zur\u00fcck. Martin beschreibt darin, dass es bei der Entwicklung von \u201esauberem\u201c Code in erster Linie darum geht, sich Gedanken um die Gestaltung und Lesbarkeit von Quellcode zu machen. Folgende Eigenschaften werden mit Clean Code assoziiert:<\/p>\n\n\n\n<ul>\n<li>Elegant<\/li>\n\n\n\n<li>Leicht<\/li>\n\n\n\n<li>Direkt<\/li>\n\n\n\n<li>Effektiv<\/li>\n<\/ul>\n\n\n\n<p>Ein &#8222;sauberer&#8220; Quellcode ist daher auch f\u00fcr au\u00dfenstehende Entwickler lesbar, wartbar und kann mit weniger Aufwand erweitert werden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"562\" src=\"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Decisions.png\" alt=\"Clean Code Decisions\" class=\"wp-image-8040\" srcset=\"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Decisions.png 800w, https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Decisions-300x211.png 300w, https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Decisions-768x540.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Wie schreibt man Clean(eren) Code?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Clean Code Prinzipien<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>DIP<\/td><td>Dependency Inversion Principle<\/td><td>H\u00f6here Ebenen sind nicht von niedrigen Ebenen abg\u00e4ngig.<\/td><\/tr><tr><td>DRY<\/td><td>Don\u2019t Repeat Yourself<\/td><td>Wiederholungen vermeiden.<\/td><\/tr><tr><td>ISP<\/td><td>Interface Segregation Principle<\/td><td>Schnittstellen sollen nur Elemente enthalten, wie von den implementierenden Klassen ben\u00f6tigt werden.<\/td><\/tr><tr><td>KISS<\/td><td>Keep it Simple and Stupid<\/td><td>Stets die einfachste L\u00f6sung f\u00fcr die Anforderung suchen und implementieren.<\/td><\/tr><tr><td>LSP<\/td><td>Liskov Substitution Principle<\/td><td>Abgeleitete Subklassen d\u00fcrfen die Funktionen ihrer Superklassen lediglich erweitern, nicht ver\u00e4ndern.<\/td><\/tr><tr><td>OCP<\/td><td>Open Closed Principle<\/td><td>Module, Klassen, Methoden sollten offen f\u00fcr Erweiterungen aber geschlossen f\u00fcr \u00c4nderungen sein.<\/td><\/tr><tr><td>SoC<\/td><td>Separation of Concerns<\/td><td>Verschiedene Aufgaben werden in eigenen Einheiten umgesetzt.<\/td><\/tr><tr><td>SRP<\/td><td>Single Responsibility Principle<\/td><td>Eine Funktion bzw. Klasse erf\u00fcllt nur eine Aufgabe.<\/td><\/tr><tr><td>TDA<\/td><td>Tell Don\u2019t Ask<\/td><td>Ein Objekt oder eine Funktion sollte nicht nach Daten fragen, sondern ben\u00f6tigte Daten werden \u00fcbergeben.<\/td><\/tr><tr><td>YAGNI<\/td><td>You Ain\u2019t Gonna Need It<\/td><td>Funktionalit\u00e4t wird nur implementiert, wenn sie ben\u00f6tigt wird.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>In den folgenden Abs\u00e4tzen werden praktische Ans\u00e4tze vorgestellt, die dabei helfen, die Clean Code Prinzipien umzusetzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Namenskonventionen<\/h2>\n\n\n\n<p>Einwichtiger Baustein von leserlichem Quellcode und damit Clean Code, der oft etwas zu kurz kommt, ist die \u00fcberlegte Benennung von Variablen und Funktionen. Je besser anhand des Namens erkannt werden kann, was eine Funktion macht oder wof\u00fcr eine Variable steht, desto leichterkann der Code im Nachhinein oder von einem Au\u00dfenstehenden gelesen und verstanden werden. Folgende Namenskonventionen k\u00f6nnen dabei helfen, den richtigen Namen zu bestimmen:<\/p>\n\n\n\n<ul>\n<li>Der Name einer Variablen\/Funktion gibt immer deren Kontext an<\/li>\n\n\n\n<li>Es werden stets aussprechbare Namen verwendet (keine Abk\u00fcrzungen, usw.)<\/li>\n\n\n\n<li>Die Sprache sowie die Schreibweise der Namen sollte im gesamten Projekt konsequent angewandt werden (Aufgrund der Lesbarkeit, ist eine Schreibweise in CamelCase zu empfehlen)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>curPosition<\/td><td>currentPosition<\/td><\/tr><tr><td>sPosition<\/td><td>startPositon<\/td><\/tr><tr><td>start_position<\/td><td>startPosition<\/td><\/tr><tr><td>d<\/td><td>day<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Bedingungen<\/h2>\n\n\n\n<p>Beim Schreiben von Quellcode werden h\u00e4ufig Bedingungenben\u00f6tigt, welche den Code es schnell Komplex und kompliziert machen k\u00f6nnen. Um dennoch dem Clean Code Prinzip <a href=\"https:\/\/t2informatik.de\/wissen-kompakt\/kiss-prinzip\/\">KISS<\/a> (Keep it Simple and Stupid) zu folgen, k\u00f6nnen folgende Grundregeln helfen, tiefe Verschachtelungen und Abh\u00e4ngigkeiten zu vermeiden. Und den Quellcode so m\u00f6glichst einfach zu halten.<\/p>\n\n\n\n<p>Gibt es Bedingungen, die daf\u00fcr sorgen, dass keinerlei Logik durchlaufen werden muss, ist es besser diese direkt am Anfang der Funktion zu \u00fcberpr\u00fcfen. Innerhalb einer Funktion sollte maximal zweifach vertieft werden. Bei Bedingungen, die aus mehreren Konditionen bestehen ist es ratsam, diese in einer separaten Funktion zu Pr\u00fcfen und den Booleschen Wert zur\u00fcckzugeben.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function: isSkillAvaileable(searchSkill) {\n\tif (!skillTitle) {\nreturn false;\n}\nconst skillsOfDeveloper = [\u201cJS\u201d, \u201cTS\u201d];\nreturn skillsOfDeveloper.includes(developerSkill => developerSkill === searchSkill);\n}\n\t<\/pre>\n\n\n\n<p>Innerhalb von Bedingungen werden h\u00e4ufig Strings miteinander verglichen, dabei werden h\u00e4ufig sogenannte \u201e<a href=\"https:\/\/wiki.selfhtml.org\/wiki\/Magic_String\">magische Strings<\/a>\u201c verwendet. Mit \u201emagischen Stings\u201c sind Zeichenketten (aber auch Nummern) zu verstehen, mit denen im Code ein Effekt erzielt werden kann, zum Beispiel wird eine If-Bedingung erf\u00fcllt. Bei direkter Anwendung solcher Strings ist oft nicht klar, welcher semantische Wert gemeint ist. Zudem m\u00fcssen bei \u00c4nderungen dieser Zeichenketten Duplikate an verschiedenen Stellen im Quellcode angepasst werden. Der Code wird unleserlich und die Wartung erschwert, eine einfache L\u00f6sung dieser Problematik und eine weitere Guideline zur Einhaltung der Clean Code Prinzipien, stellen zentral Definierte Konstanten dar, deren Namen den semantischen Wert festlegen.<\/p>\n\n\n\n<p>Um einen Quellcode automatisiert auf unbenannte Strings, nicht verwendete Variablen oder Anzahl der \u00dcbergabeparametern in Funktionen zu \u00fcberpr\u00fcfen, kann das Linting-Tool <a href=\"https:\/\/eslint.org\/\">ESLint<\/a> (unterst\u00fctzt <a href=\"http:\/\/es6-features.org\/\">ECMAScript 6<\/a> und ist damit f\u00fcr JS und TS Applikationen geeignet) verwendet werden. Das Tool identifiziert auf Basis von Regeln, welche vom Autor des Codes festgelegt werden k\u00f6nnen, welche Stellen im Code hervorgehoben bzw. als kritisch markiert werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Funktionen<\/h2>\n\n\n\n<p>Funktionen sollten kurz und lesbar gehalten werden, dabei spielt das Clean Code Prinzip <a href=\"https:\/\/www.informatik-aktuell.de\/entwicklung\/methoden\/solid-2-das-single-responsibility-principle.html\">SRP<\/a> (Single-Responsibility-Prinzip) eine wichtige Rolle. Jede Funktion erledigt immer nur eine Aufgabe und ist damit leicht zu testen und wiederverwendbar.<\/p>\n\n\n\n<p>Das hilft dem Entwickler dabei, dem n\u00e4chsten Clean Code Prinzip \u2013 <a href=\"http:\/\/prinzipien-der-softwaretechnik.blogspot.com\/2014\/09\/dont-repeat-yourself.html\">DRY<\/a> (Don\u2019t Repeat Yourself), gerecht zu werden. Sind alle Funktionen nur f\u00fcr eine Aufgabe bestimmt, k\u00f6nnen sie ohne Seiteneffekte an verschiedenen Stellen aufgerufen werden und Wiederholungen im Code werden nicht ben\u00f6tigt. Um solche Wiederholungen im Code zu markieren kann auch ein <a href=\"https:\/\/www.npmjs.com\/package\/jscpd\">JSCPD Tool<\/a> herangezogen werden.<\/p>\n\n\n\n<p>Allerdings ist es erfahrungsgem\u00e4\u00df f\u00fcr den Entwickler nicht immer leicht zu erkennen, wann eine Funktion zu Komplex ist. Es gibt jedoch Indizien, die darauf schlie\u00dfen lassen, dass eine Funktion zu viele Aufgaben erledigt:<\/p>\n\n\n\n<ul>\n<li>Einer Funktion sollten maximal 2-3 Parameter \u00fcbergeben werden:<\/li>\n<\/ul>\n\n\n\n<p>Semantisch zusammengeh\u00f6rige Felder sollten in einem Objekt zusammengefasst werden, sind es dennoch mehr als 3 Parameter ist es wahrscheinlich, dass Funktion aufgeteilt werden sollte<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function: createEmployeeEntry({firstName, name, age}) {\n\t\/\/Do Something\n}\n\ncreateEmployeeEntry ({\u201cMarta\u201d, \u201cMuster\u201d, 29});<\/pre>\n\n\n\n<ul>\n<li>Es werden boolesche Werte (Flags) \u00fcbergeben:<\/li>\n<\/ul>\n\n\n\n<p>In diesem Fall unternimmt die Funktion eine Fallunterscheidung, was mindestens 2 Handlungsstr\u00e4ngen entspricht und ihr kann damit keine eindeutige Verantwortlichkeit mehr zugesprochen werden<\/p>\n\n\n\n<ul>\n<li>Bedingungen oder Schleifen sind zu verschachtelt. Es sollte, wie bereits im Kapitel Bedingungen erw\u00e4hnt, \u00fcber nicht mehr als zwei Ebenen vertieft werden.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n\n<p>Es gibt noch viele weitere Ans\u00e4tze, wie die Clean Code Prinzipien in der Praxis umgesetzt werden k\u00f6nnen, doch jeder Entwickler legt dabei auf andere Punkte Wert. Au\u00dferdem es gibt immer wieder neue Ans\u00e4tze, die das Schreiben von Quellcode verbessern k\u00f6nnen. Dabei kann man sich schnell in vielen Details verlieren. Und ist es f\u00fcr den Entwickler mit einem gr\u00f6\u00dferen Aufwand verbunden, jede Funktion bis hin zur einzelnen Variablen zu \u00fcberpr\u00fcfen und zu hinterfragen.<\/p>\n\n\n\n<p>Und doch k\u00f6nnen bereits kleinere Gewohnheiten einen gro\u00dfen Unterschied machen. Je lesbarer, testbarer und damit wartbarer Quellcode entwickelt wird, desto besser wird dessen Qualit\u00e4t und das kommt vor allem unseren Kunden und den Endusern zugute. Aufw\u00e4nde f\u00fcr Refactoring und Erweiterungen werden deutlich kleiner und die Funktionalit\u00e4t der Applikation an sich steht im Fokus.<\/p>\n\n\n\n<p>Weiterf\u00fchrende Links und Videos:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=R03qRPI_iAw&amp;t=8748s\">https:\/\/www.youtube.com\/watch?v=R03qRPI_iAw&amp;t=8748s<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itnext.io\/clean-code-checklist-in-angular-%EF%B8%8F-10d4db877f74\">https:\/\/itnext.io\/clean-code-checklist-in-angular-%EF%B8%8F-10d4db877f74<\/a><\/li>\n<\/ul>\n\n\n\n<p>Autor: Vanessa Deutsch<\/p>\n\n\n\n<p>Kontakt: <a href=\"https:\/\/quanto-solutions.de\/#kontakt\">https:\/\/quanto-solutions.de\/#kontakt<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clean Code Prinzipien in JavaScript und TypeScript anwenden Wir als Berater bei der QUANTO Solutions stehen bei unseren Kunden regelm\u00e4\u00dfig vor der Aufgabe, bereits existierende Projekte, Konzepte, Strukturen und bestehenden Quellcode von anderen Entwicklern zu \u00fcbernehmen und auf dieser Basis aufzubauen. Zudem geh\u00f6rt die \u00dcbergabe eines Projekts oder einer Applikation nach erfolgreicher Entwicklung zu unseren [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":8039,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[91],"tags":[144],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Clean Code Prinzipien f\u00fcr effizienten Code | QUANTO Solutions<\/title>\n<meta name=\"description\" content=\"Clean Code Prinzipien geben an, wie Quellcode effizient gestaltet werden kann. Diese Guidelines helfen dabei, sie in JavaScript und TypeScript umzusetzen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clean Code Prinzipien f\u00fcr effizienten Code | QUANTO Solutions\" \/>\n<meta property=\"og:description\" content=\"Clean Code Prinzipien geben an, wie Quellcode effizient gestaltet werden kann. Diese Guidelines helfen dabei, sie in JavaScript und TypeScript umzusetzen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/\" \/>\n<meta property=\"og:site_name\" content=\"QUANTO Solutions\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/quantosolutions\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-18T15:36:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-24T08:15:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"QUANTO Solutions\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@QUANTO_Solution\" \/>\n<meta name=\"twitter:site\" content=\"@QUANTO_Solution\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"QUANTO Solutions\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Clean Code Prinzipien f\u00fcr effizienten Code | QUANTO Solutions","description":"Clean Code Prinzipien geben an, wie Quellcode effizient gestaltet werden kann. Diese Guidelines helfen dabei, sie in JavaScript und TypeScript umzusetzen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/","og_locale":"de_DE","og_type":"article","og_title":"Clean Code Prinzipien f\u00fcr effizienten Code | QUANTO Solutions","og_description":"Clean Code Prinzipien geben an, wie Quellcode effizient gestaltet werden kann. Diese Guidelines helfen dabei, sie in JavaScript und TypeScript umzusetzen.","og_url":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/","og_site_name":"QUANTO Solutions","article_publisher":"https:\/\/www.facebook.com\/quantosolutions","article_published_time":"2022-03-18T15:36:30+00:00","article_modified_time":"2022-11-24T08:15:36+00:00","og_image":[{"width":800,"height":533,"url":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png","type":"image\/png"}],"author":"QUANTO Solutions","twitter_card":"summary_large_image","twitter_creator":"@QUANTO_Solution","twitter_site":"@QUANTO_Solution","twitter_misc":{"Verfasst von":"QUANTO Solutions","Gesch\u00e4tzte Lesezeit":"7 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#article","isPartOf":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/"},"author":{"name":"QUANTO Solutions","@id":"https:\/\/quanto-solutions.de\/#\/schema\/person\/1ade529c24ef7655e23e3dad5051b0a8"},"headline":"Clean Code Prinzipien in JavaScript und TypeScript anwenden","datePublished":"2022-03-18T15:36:30+00:00","dateModified":"2022-11-24T08:15:36+00:00","mainEntityOfPage":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/"},"wordCount":1196,"publisher":{"@id":"https:\/\/quanto-solutions.de\/#organization"},"image":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#primaryimage"},"thumbnailUrl":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png","keywords":["Software Qualit\u00e4t"],"articleSection":["Software Engineering"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/","url":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/","name":"Clean Code Prinzipien f\u00fcr effizienten Code | QUANTO Solutions","isPartOf":{"@id":"https:\/\/quanto-solutions.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#primaryimage"},"image":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#primaryimage"},"thumbnailUrl":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png","datePublished":"2022-03-18T15:36:30+00:00","dateModified":"2022-11-24T08:15:36+00:00","description":"Clean Code Prinzipien geben an, wie Quellcode effizient gestaltet werden kann. Diese Guidelines helfen dabei, sie in JavaScript und TypeScript umzusetzen.","breadcrumb":{"@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quanto-solutions.de\/clean-code-prinzipien\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#primaryimage","url":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png","contentUrl":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2022\/03\/BLOG-Header-Clean-Code-Prinzipien-in-JavaScript-und-TypeScript-anwenden.png","width":800,"height":533,"caption":"Clean Code Prinzipien"},{"@type":"BreadcrumbList","@id":"https:\/\/quanto-solutions.de\/clean-code-prinzipien\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quanto-solutions.de\/"},{"@type":"ListItem","position":2,"name":"Clean Code Prinzipien in JavaScript und TypeScript anwenden"}]},{"@type":"WebSite","@id":"https:\/\/quanto-solutions.de\/#website","url":"https:\/\/quanto-solutions.de\/","name":"QUANTO Solutions","description":"","publisher":{"@id":"https:\/\/quanto-solutions.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quanto-solutions.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/quanto-solutions.de\/#organization","name":"QUANTO Solutions","url":"https:\/\/quanto-solutions.de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/quanto-solutions.de\/#\/schema\/logo\/image\/","url":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2020\/03\/Q1.png","contentUrl":"https:\/\/quanto-solutions.de\/wp-content\/uploads\/2020\/03\/Q1.png","width":351,"height":352,"caption":"QUANTO Solutions"},"image":{"@id":"https:\/\/quanto-solutions.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/quantosolutions","https:\/\/x.com\/QUANTO_Solution","https:\/\/www.instagram.com\/quanto_solutions\/","https:\/\/www.linkedin.com\/company\/quanto-solutions"]},{"@type":"Person","@id":"https:\/\/quanto-solutions.de\/#\/schema\/person\/1ade529c24ef7655e23e3dad5051b0a8","name":"QUANTO Solutions","sameAs":["https:\/\/quanto-solutions.de"]}]}},"_links":{"self":[{"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/posts\/8038"}],"collection":[{"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/comments?post=8038"}],"version-history":[{"count":3,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/posts\/8038\/revisions"}],"predecessor-version":[{"id":10385,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/posts\/8038\/revisions\/10385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/media\/8039"}],"wp:attachment":[{"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/media?parent=8038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/categories?post=8038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quanto-solutions.de\/wp-json\/wp\/v2\/tags?post=8038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}