Benennung, Lesbarkeit und häufige Fallstricke
Richtlinien für Benennung und Lesbarkeit. Vermeiden Sie Shadowing, Magic Numbers und gemischte Deklarationen.
Benennung, Lesbarkeit und häufige Fallstricke ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Einführung
Ziel: Schreiben Sie lesbaren Code. Verwenden Sie klare Namen, vermeiden Sie magische Zahlen und gehen Sie sorgfältig mit Namensüberschattung um.
- Aussagekräftige Namen
- Konstanten für feste Werte
- Keine versehentliche Namensüberschattung
Demo zur klaren Benennung
Benennen Sie Variablen nach dem, was sie enthalten, nicht danach, wie sie verwendet werden. Kurze, aber klare Namen sind am besten.
// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;
const totalPrice = itemCount * unitPrice;
console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
Richtlinien zur Benennung
Tipps zur Benennung:
- Substantive für Daten (userName, totalPrice)
- Verben für Funktionen (computeTotal)
- Verwenden Sie eine einheitliche Groß- und Kleinschreibung (camelCase).
Keine magischen Zahlen
Lagern Sie feste Werte in Konstanten aus (UPPER_CASE ist üblich). Das verdeutlicht die Absicht und erleichtert spätere Änderungen.
// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;
const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;
console.log("Tax:", tax);
console.log("Final total:", finalTotal);
Demo zur Namensüberschattung
Namensüberschattung: Eine innere Variable verwendet denselben Namen und verbirgt dadurch die äußere. Bevorzugen Sie eindeutige Namen, wenn sich Gültigkeitsbereiche verschachteln.
// Shadowing: inner variable hides an outer one
let score = 10;
function addBonus() {
// The next line creates a new "score" only inside this function
let score = 5;
console.log("Inner score:", score);
}
addBonus();
console.log("Outer score:", score);
Checkliste für Lesbarkeit
Checkliste:
- Eine Idee pro Zeile
- Kurze Funktionen
- Verwenden Sie Konstanten für feste Werte.
- Vermeiden Sie wiederverwendete Namen in verschiedenen Gültigkeitsbereichen.
Quiz zu bewährten Benennungsmethoden
Kurzer Check: Klare Benennung.
Zusammenfassung
Zusammenfassung: Verwenden Sie aussagekräftige Namen, lagern Sie feste Werte in Konstanten aus und vermeiden Sie Namensüberschattung, damit Ihr Code leicht lesbar und wartbar bleibt.
Häufig gestellte Fragen
Ist die Lektion „Benennung, Lesbarkeit und häufige Fallstricke“ kostenlos?
Ja — der vollständige Text von „Benennung, Lesbarkeit und häufige Fallstricke“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Benennung, Lesbarkeit und häufige Fallstricke“?
Richtlinien für Benennung und Lesbarkeit. Vermeiden Sie Shadowing, Magic Numbers und gemischte Deklarationen. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 3.
Wie lange dauert die Lektion „Benennung, Lesbarkeit und häufige Fallstricke“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- let, const und var vermeiden
- Block-, Funktions- und Modul-Scope sowie die TDZ
- Benennung, Lesbarkeit und häufige Fallstricke