Häufige JavaScript-Probleme lösen

Die folgenden Links verweisen auf Lösungen für häufige Probleme, die beim Schreiben von JavaScript auftreten können.

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:

Korrekt Falsch
getElementsByTagName() getElementByTagName()
getElementsByName() getElementByName()
getElementsByClassName() getElementByClassName()
getElementById() getElementsById()

Position des Semikolons

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

Korrekt Falsch
elem.style.color = 'red'; elem.style.color = 'red;'

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:

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

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

js
myFunction();

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.:

js
const myNumber = 0;

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:

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

Grundlegende Definitionen

Grundlegende Anwendungsfälle

Allgemein

Variablen

Mathematik

Strings

Arrays

JavaScript-Debugging

Entscheidungen im Code treffen

Schleifen/Iteration

Zwischenstufe Anwendungsfälle

Funktionen

Objekte

JSON

Events

Objektorientiertes JavaScript

Web-APIs