Häufige JavaScript-Probleme lösen

Häufige Anfängerfehler

Korrekte Rechtschreibung und Groß-/Kleinschreibung

Wenn Ihr Code nicht funktioniert und/oder der Browser meldet, dass etwas undefiniert ist, überprüfen Sie, ob Sie alle Ihre Variablennamen, Funktionsnamen usw. korrekt geschrieben haben.

Einige häufige eingebaute Browserfunktionen, die Probleme verursachen, sind:

Position des Semikolons

Stellen Sie sicher, dass Sie keine Semikolons falsch platzieren. Zum Beispiel:

Funktionen

Es gibt einige Dinge, die bei Funktionen schiefgehen können.

Einer der häufigsten Fehler ist, die Funktion zu deklarieren, sie aber nirgendwo aufzurufen. Zum Beispiel:

Dieser Code wird nichts tun, es sei denn, Sie rufen ihn mit der folgenden Anweisung auf:

Funktionsbereich

Denken Sie daran, dass Funktionen ihren eigenen Bereich haben — Sie können nicht auf den Wert einer Variablen zugreifen, die innerhalb einer Funktion gesetzt wurde, von außerhalb der Funktion, es sei denn, Sie haben die Variable global (d.h. nicht innerhalb von Funktionen) deklariert oder den Wert von der Funktion zurückgegeben.

Code nach einer Return-Anweisung ausführen

Denken Sie auch daran, dass wenn Sie von einer Funktion zurückkehren, der JavaScript-Interpreter die Funktion verlässt — kein Code nach der Return-Anweisung wird ausgeführt.

Tatsächlich geben einige Browser (wie Firefox) eine Fehlermeldung in der Entwicklerkonsole aus, wenn Sie Code nach einer Return-Anweisung haben. Firefox gibt Ihnen "unerreichbarer Code nach der Rückgabeanweisung".

Objekt-Notation versus normale Zuweisung

Wenn Sie in JavaScript etwas normal zuweisen, verwenden Sie ein einzelnes Gleichheitszeichen, z.B.:

Bei Objekten müssen Sie jedoch darauf achten, die korrekte Syntax zu verwenden. Das Objekt muss von geschweiften Klammern umgeben sein, Mitgliedsnamen müssen durch Doppelpunkte von ihren Werten getrennt werden, und Mitglieder müssen durch Kommas getrennt werden. Zum Beispiel:

Grundlegende Definitionen

• Was ist JavaScript?
• Was ist eine Variable?
• Was sind Strings?
• Was ist ein Array?
• Was ist eine Schleife?
• Was ist eine Funktion?
• Was ist ein Event?
• Was ist ein Objekt?
• Was ist JSON?
• Was ist eine Web-API?
• Was ist das DOM?

Grundlegende Anwendungsfälle

Allgemein

• Wie fügen Sie Ihrer Seite JavaScript hinzu?
• Wie fügen Sie JavaScript-Code Kommentare hinzu?

Variablen

• Wie deklarieren Sie eine Variable?
• Wie initialisieren Sie eine Variable mit einem Wert?
• Wie aktualisieren Sie den Wert einer Variablen? (siehe auch Zuweisungsoperatoren)
• Welche Datentypen können Werte in JavaScript haben?
• Was bedeutet 'locker typisiert'?

Mathematik

• Welche Arten von Zahlen haben Sie im Web-Entwicklungsbereich zu behandeln?
• Wie führen Sie grundlegende mathematische Operationen in JavaScript durch?
• Was ist Operatorrangfolge, und wie wird sie in JavaScript behandelt?
• Wie erhöhen oder verringern Sie Werte in JavaScript?
• Wie vergleichen Sie Werte in JavaScript? (z.B. um zu sehen, welches größer ist, oder um zu überprüfen, ob ein Wert gleich einem anderen ist).

Strings

• Wie erstellen Sie einen String in JavaScript?
• Müssen Sie einfache oder doppelte Anführungszeichen verwenden?
• Wie verbinden Sie Strings miteinander?
• Können Sie Strings und Zahlen miteinander verbinden?
• Wie finden Sie die Länge eines Strings heraus?
• Wie finden Sie heraus, welches Zeichen an einer bestimmten Position in einem String ist?
• Wie finden und extrahieren Sie einen bestimmten Teilstring aus einem String?
• Wie ändern Sie die Groß-/Kleinschreibung eines Strings?
• Wie ersetzen Sie einen bestimmten Teilstring durch einen anderen?

Arrays

• Wie erstellen Sie ein Array?
• Wie greifen Sie auf die Elemente eines Arrays zu bzw. ändern diese? (einschließlich mehrdimensionaler Arrays)
• Wie finden Sie die Länge eines Arrays heraus?
• Wie fügen Sie einem Array Elemente hinzu?
• Wie entfernen Sie Elemente aus einem Array?
• Wie teilen Sie einen String in Array-Elemente auf oder fügen Array-Elemente zu einem String zusammen?

JavaScript-Debugging

• Was sind die grundlegenden Fehlertypen?
• Was sind Browser-Entwicklerwerkzeuge und wie greifen Sie darauf zu?
• Wie protokollieren Sie einen Wert in die JavaScript-Konsole?
• Wie verwenden Sie Breakpoints und andere JavaScript-Debugging-Funktionen?

Für weitere Informationen zum JavaScript-Debugging siehe JavaScript-Debugging und Fehlerbehandlung. Außerdem finden Sie unter Andere häufige Fehler eine Beschreibung häufiger Fehler.

Entscheidungen im Code treffen

• Wie führen Sie verschiedene Codeblöcke aus, abhängig vom Wert einer Variablen oder einer anderen Bedingung?
• Wie verwenden Sie if ...else-Anweisungen?
• Wie schachteln Sie einen Entscheidungsblock in einen anderen?
• Wie verwenden Sie UND, ODER und NICHT-Operatoren in JavaScript?
• Wie behandeln Sie bequem eine große Anzahl von Auswahlmöglichkeiten für eine Bedingung?
• Wie verwenden Sie einen bedingten Operator, um schnell zwischen zwei Optionen zu wählen, basierend auf einem wahr oder falsch Test?

Schleifen/Iteration

• Wie führen Sie denselben Codeabschnitt immer wieder aus?
• Wie verlassen Sie eine Schleife vorzeitig, wenn eine bestimmte Bedingung erfüllt ist?
• Wie überspringen Sie zur nächsten Iteration einer Schleife, wenn eine bestimmte Bedingung erfüllt ist?
• Wie verwenden Sie while- und do...while-Schleifen?

Zwischenstufe Anwendungsfälle

Funktionen

• Wie finden Sie Funktionen im Browser?
• Was ist der Unterschied zwischen einer Funktion und einer Methode?
• Wie erstellen Sie Ihre eigenen Funktionen?
• Wie führen Sie eine Funktion aus (aufrufen oder aktivieren)?
• Was ist eine anonyme Funktion?
• Wie geben Sie Parameter (oder Argumente) bei der Aktivierung einer Funktion an?
• Was ist der Funktionsbereich?
• Was sind Rückgabewerte, und wie verwenden Sie sie?

Objekte

• Wie erstellen Sie ein Objekt?
• Was ist Punktnotation?
• Was ist Klammernotation?
• Wie greifen Sie auf die Methoden und Eigenschaften eines Objekts zu und setzen sie?
• Was ist this im Kontext eines Objekts?
• Was ist objektorientierte Programmierung?
• Was sind Konstruktoren und Instanzen, und wie erstellen Sie sie?

JSON

• Wie strukturieren Sie JSON-Daten und lesen sie aus JavaScript?
• Wie konvertieren Sie ein JSON-Objekt in eine Textzeichenfolge und zurück?

Events

• Was sind Event-Handler und wie verwenden Sie sie?
• Was sind Inline-Event-Handler?
• Was macht die Funktion addEventListener() und wie verwenden Sie sie?
• Was sind Event-Objekte und wie verwenden Sie sie?
• Wie verhindern Sie das Standardverhalten eines Events?
• Wie feuern Events auf verschachtelten Elementen? (Event-Propagation, auch bezogen auf Event-Bubbling und -Capturing)
• Was ist Event-Delegation und wie funktioniert es?

Objektorientiertes JavaScript

• Was sind Objektprototypen?
• Wie fügen Sie dem Konstruktor Methoden hinzu?
• Wie erstellen Sie einen neuen Konstruktor, der seine Mitglieder von einem Elternkonstruktor erbt?
• Wann sollten Sie Vererbung in JavaScript verwenden?

Web-APIs

• Wie manipulieren Sie das DOM (z.B. hinzufügen oder entfernen von Elementen) mit JavaScript?