Häufige JavaScript-Probleme lösen

Falls Ihr Code nicht funktioniert und/oder der Browser sich beschwert, dass etwas undefiniert ist, überprüfen Sie, ob Sie alle Variablennamen, Funktionsnamen usw. richtig geschrieben haben.

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

Sie müssen darauf achten, dass Sie keine Semikolons an falscher Stelle setzen. Zum Beispiel:

Es gibt mehrere Dinge, die mit Funktionen schiefgehen können.

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

function myFunction() {
  alert("This is my function.");
}

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

myFunction();

Funktionsbereich

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

Ausführen von Code nach einer Rückgabeanweisung

Denken Sie auch daran, dass beim Rückgeben aus einer Funktion der JavaScript-Interpreter die Funktion verlässt — kein Code nach der Rückgabeanweisung wird ausgeführt.

Tatsächlich geben einige Browser (wie Firefox) im Entwicklerkonsolen einen Fehler aus, wenn Sie Code nach einer Rückgabeanweisung haben. Firefox zeigt "Unreachable code after return statement" an.

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

const myNumber = 0;

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

const myObject = {
  name: "Chris",
  age: 38,
};

• 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 Ereignis?
• Was ist ein Objekt?
• Was ist JSON?
• Was ist eine Web-API?
• Was ist das DOM?

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

• 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 'loosely typed'?

• Mit welchen Zahlentypen müssen Sie sich bei der Webentwicklung beschäftigen?
• Wie führen Sie Grundrechenarten in JavaScript durch?
• Was ist Operatorpriorität, und wie wird sie in JavaScript behandelt?
• Wie inkrementieren und dekrementieren Sie in JavaScript Werte?
• Wie vergleichen Sie Werte in JavaScript? (z.B., um zu sehen, welcher größer ist, oder um zu prüfen, ob ein Wert gleich einem anderen ist).

• 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?
• Wie finden Sie heraus, welches Zeichen sich an einer bestimmten Position in einem String befindet?
• Wie suchen und extrahieren Sie eine bestimmte Teilzeichenfolge aus einem String?
• Wie ändern Sie die Groß-/Kleinschreibung eines Strings?
• Wie ersetzen Sie eine spezifische Teilzeichenfolge durch eine andere?

• Wie erstellen Sie ein Array?
• Wie greifen Sie auf die Elemente eines Arrays zu und ändern diese? (dies schließt auch mehrdimensionale Arrays ein)
• Wie finden Sie die Länge eines Arrays?
• Wie fügen Sie Elemente zu einem Array hinzu?
• Wie entfernen Sie Elemente aus einem Array?
• Wie teilen Sie einen String in Array-Elemente auf oder verbinden Array-Elemente zu einem String?

• Welche grundlegenden Fehlertypen gibt es?
• Was sind Browser-Entwicklertools und wie greifen Sie auf diese zu?
• Wie loggen Sie einen Wert in die JavaScript-Konsole?
• Wie verwenden Sie Breakpoints und andere JavaScript-Debugging-Funktionen?

Für mehr Informationen zum Debuggen von JavaScript sehen Sie sich JavaScript-Debugging und Fehlerbehandlung an. Weitere häufige Fehler finden Sie bei Andere häufige Fehler, um eine Beschreibung häufiger Fehler zu sehen.

• Wie führen Sie unterschiedliche 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 handhaben Sie bequem eine große Anzahl von Auswahlmöglichkeiten für eine Bedingung?
• Wie verwenden Sie einen ternären Operator, um eine schnelle Wahl zwischen zwei Optionen basierend auf einem wahren oder falschen Test zu treffen?

• 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?

• 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 (auf- oder abrufen)?
• Was ist eine anonyme Funktion?
• Wie spezifizieren Sie Parameter (oder Argumente) beim Aufrufen einer Funktion?
• Was ist Funktionsbereich?
• Was sind Rückgabewerte und wie nutzen Sie sie?

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

• Wie strukturieren Sie JSON-Daten und lesen sie von JavaScript aus?
• Wie konvertieren Sie ein JSON-Objekt in einen Textstring, und zurück?

• Was sind Ereignishandler und wie verwenden Sie diese?
• Was sind Inline-Ereignishandler?
• Was macht die Funktion addEventListener() und wie verwenden Sie sie?
• Was sind Ereignisobjekte und wie nutzen Sie sie?
• Wie verhindern Sie das Standardverhalten eines Ereignisses?
• Wie feuern Ereignisse auf verschachtelten Elementen ab? (Ereignisausbreitung, auch verwandte Themen — Ereignis-Bubbling und -Capturing)
• Was ist Ereignisdelegation und wie funktioniert sie?

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

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