CamelCase, Snake_Case, Kebab-Case: ein Benennungsleitfaden für Entwickler
Wenn Sie Variablen, Funktionen, Klassen oder URLs benennen, kommt es auf das von Ihnen gewählte Format an. Unterschiedliche Sprachen und Kontexte haben unterschiedliche Konventionen: JavaScript verwendet CamelCase, Python bevorzugt Snake_Case, CSS-Eigenschaften verwenden Kebab-Case und Konfigurationskonstanten verwenden CONSTANT_CASE. Die einzelnen Elemente zu verstehen und zu wissen, wie man sie umwandelt, ist eine praktische Fähigkeit, die dafür sorgt, dass Ihr Code konsistent und lesbar bleibt.
camelCase: der JavaScript-Standard
camelCase beginnt mit einem Kleinbuchstaben und schreibt den ersten Buchstaben jedes nachfolgenden Wortes ohne Trennzeichen groß. Variablen- und Funktionsnamen in JavaScript folgen diesem Muster: getUserById, calculateTotalPrice, handleSubmitClick. Die meisten JSON-Schlüssel sind per Konvention auch camelCase.
Der Name kommt von den „Höckern“, die durch die Großbuchstaben entstehen. Es ist kompakt, lesbar und der De-facto-Standard für JavaScript, TypeScript, Java und C#. Wenn Sie Text in camelCase konvertieren müssen – sei es beim Erstellen eines Codegenerators oder beim Standardisieren von Variablennamen –, ist der Gehäusekonverter Behandelt es in einer Paste.
Snake_case: Python und Datenbanken
Snake_case verbindet Wörter mit Unterstrichen und schreibt alle Buchstaben klein: get_user_by_id, calculate_total_price, handle_submit_click. Python-Entwickler verwenden dies gemäß den Stilrichtlinien von PEP 8 für Variablen- und Funktionsnamen. Auch SQL-Spalten- und Tabellennamen verwenden häufig „snake_case“, ebenso wie Umgebungsvariablen in den meisten Systemen.
Snake_case ist auch in Großbuchstaben lesbar (DATABASE_PASSWORD, MAX_RETRY_COUNT), weshalb CONSTANT_CASE – Großbuchstaben in Schlangenbuchstaben – die universelle Konvention für Konfigurationskonstanten und Endvariablen in allen Sprachen ist.
kebab-case: URLs und CSS
kebab-case verbindet Wörter mit Bindestrichen und verwendet ausschließlich Kleinbuchstaben: get-user-by-id, calculate-total-price. Sie sehen es überall in URLs – Artikel slugs, Produktseiten, Routennamen –, weil Bindestriche suchmaschinenfreundlich sind und von Parsern weniger wahrscheinlich falsch interpretiert werden als Unterstriche. CSS-Klassennamen und benutzerdefinierte HTML-Attribute verwenden per Konvention auch die Groß-/Kleinschreibung.
Das Erstellen von URL-sicheren Bezeichnern oder slug-ähnlichen Namen aus Klartext ist eine der praktischsten Anwendungen. Der slug-Generator wandelt Phrasen in URL-bereite Kebab-Fallzeichenfolgen um und entfernt dabei Satzzeichen und Akzente.
PascalCase: Klassen und Typen
PascalCase (oder UpperCamelCase) schreibt den ersten Buchstaben groß: GetUserById, CalculateTotalPrice. Es handelt sich um die Konvention für Klassennamen, Typdefinitionen und Komponenten in TypeScript, C#, Java und React. Wenn Sie mit objektorientierten Sprachen oder Komponenten-Frameworks arbeiten, ist dies genau das Richtige für Sie.
Konvertieren zwischen Formaten
Die Umstellung von einer Konvention auf eine andere erfordert zwei Schritte: erstens Teilt dann den Bezeichner in einzelne Wörter aufteilen wieder beitreten sie mit dem Zielseparator und Gehäuse. Hier optimieren Tools den Prozess.
Wenn Sie einen CamelCase-Bezeichner haben und seine Teile verstehen müssen – vielleicht um ihn umzubenennen oder eine Snake_case-Version abzugleichen –, dann ist der geteiltes CamelCase Werkzeug zerlegt es: getUserById wird get User By Id. Sobald die Wörter getrennt sind, wird die Gehäusekonverter Sie können sie in jeder gewünschten Konvention umformatieren. Entwickler verwenden diese Tools auch, wenn sie Code über Sprachgrenzen hinweg umgestalten oder zwischen API-Spezifikationen und internen Variablennamen übersetzen.
Wann die einzelnen Konventionen anzuwenden sind
Die richtige Wahl hängt vom Kontext ab, nicht von den Vorlieben. JavaScript und JSON verwenden camelCase. Python-, SQL- und Umgebungsvariablen verwenden Snake_case. URLs und CSS verwenden Kebab-Case. Typ- und Klassennamen verwenden PascalCase. Konfigurationskonstanten verwenden CONSTANT_CASE in allen Sprachen. Wenn Sie diese Konventionen befolgen, ist Ihr Code für jeden, der mit diesem Ökosystem vertraut ist, sofort erkennbar.
Konsistenz ist wichtiger als die spezifische Konvention – wenn Sie Formate in derselben Datei oder demselben Projekt mischen, müssen Leser den Kontext wechseln und Fehler werden leichter. Tools zum Konvertieren und Aufteilen von Bezeichnern helfen Ihnen, konsistent zu bleiben, wenn Sie in mehreren Sprachen arbeiten oder Code zwischen Projekten migrieren.