Lösen Sie häufige Probleme in Ihrem JavaScript-Code

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

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

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

Es gibt eine Reihe von Aspekten, die bei Funktionen falsch laufen können.

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

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

Dieser Code wird nichts tun, 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 nicht auf einen inneren Wert einer Funktion von außerhalb zugreifen, es sei denn, Sie haben die Variable global deklariert (d.h. nicht innerhalb irgendeiner Funktion) oder den Wert zurückgegeben von der Funktion.

Ausführen von Code nach einer return-Anweisung

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 zeigt Ihnen "unreachable code after return statement" an.

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

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 sein. 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 ein Web API?
• Was ist das DOM?

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

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

• Welche Arten von Zahlen müssen Sie in der Webentwicklung behandeln?
• Wie führen Sie grundlegende Mathematik in JavaScript aus?
• Was ist Operatoren-Priorität, und wie wird sie in JavaScript gehandhabt?
• Wie erhöhen und verringern Sie Werte in JavaScript?
• Wie vergleichen Sie Werte in JavaScript? (z.B. um zu sehen, welche größer ist, oder ob ein Wert gleich einem anderen ist).

• Wie erstellen Sie einen String in JavaScript?
• Müssen Sie einfache Anführungszeichen oder doppelte Anführungszeichen verwenden?
• Wie werden Zeichen in Strings maskiert?
• Wie fügen Sie Strings zusammen?
• Können Sie Strings und Zahlen zusammenfügen?
• Wie bestimmen Sie die Länge eines Strings?
• Wie finden Sie heraus, welches Zeichen an einer bestimmten Position in einem String steht?
• Wie finden und extrahieren Sie eine bestimmte Teilzeichenfolge aus einem String?
• Wie ändern Sie die Groß-/Kleinschreibung eines Strings?
• Wie ersetzen Sie eine bestimmte Teilzeichenfolge durch eine andere?

• Wie erstellen Sie ein Array?
• Wie greifen Sie auf die Elemente in einem Array zu und ändern sie? (dazu gehören auch mehrdimensionale Arrays)
• Wie bestimmen 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 oder verbinden Array-Elemente in einen String?

• Was sind die grundlegenden Arten von Fehlern?
• Was sind Browser-Entwicklertools, und wie greifen Sie darauf zu?
• Wie protokollieren Sie einen Wert in der JavaScript-Konsole?
• Wie verwenden Sie Breakpoints und andere JavaScript-Debugging-Funktionen?

Für weitere Informationen zur JavaScript-Fehlerbehebung siehe Umgang mit häufigen JavaScript-Problemen. Siehe auch Andere häufige Fehler für eine Beschreibung häufiger Fehler.

• Wie führen Sie unterschiedlich Codeblöcke aus, abhängig vom Wert einer Variablen oder einer anderen Bedingung?
• Wie verwenden Sie if ...else-Anweisungen?
• Wie verschachteln Sie einen Entscheidungsblock in einen anderen?
• Wie verwenden Sie AND, OR und NOT Operatoren in JavaScript?
• Wie gehen Sie bequem mit einer großen Anzahl von Auswahlmöglichkeiten für eine Bedingung um?
• Wie verwenden Sie einen ternären Operator, um schnell zwischen zwei Optionen basierend auf einem wahren oder falschen Test zu wählen?

• Wie führen Sie denselben Codeabschnitt immer wieder aus?
• Wie beenden 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 (rufen sie auf, oder invoke sie)?
• Was ist eine anonyme Funktion?
• Wie spezifizieren Sie Parameter (oder Argumente), wenn Sie eine Funktion aufrufen?
• Was ist Funktionsbereich?
• Was sind Rückgabewerte, und wie verwenden Sie sie?

• Wie erstellen Sie ein Objekt?
• Was ist Punktnotation?
• Was ist Klammernotation?
• Wie holen Sie ab und setzen die Methoden und Eigenschaften eines Objekts?
• Was ist this, im Kontext eines Objekts?
• Was ist objektorientierte Programmierung?
• Was sind Konstruktoren und Instanzen, und wie erstellen Sie diese?
• Welche verschiedenen Möglichkeiten gibt es, Objekte in JavaScript zu erstellen?

• Wie strukturieren Sie JSON-Daten und lesen sie von JavaScript aus?
• Wie können Sie eine JSON-Datei in eine Seite laden?
• Wie konvertieren Sie ein JSON-Objekt in einen Textstring und wieder zurück?

• Was sind Ereignishandler und wie verwenden Sie diese?
• Was sind Inline-Ereignishandler?
• Was macht die Funktion addEventListener(), und wie verwenden Sie sie?
• Welchen Mechanismus sollte ich verwenden, um Ereigniscode zu meinen Webseiten hinzuzufügen?
• Was sind Ereignisobjekte, und wie verwenden Sie diese?
• Wie verhindern Sie das Standardverhalten eines Ereignisses?
• Wie werden Ereignisse auf verschachtelten Elementen ausgelöst? (Ereignisausbreitung, auch verwandt — Ereignisblasen und -erfassung)
• Was ist Ereignisdelegation, und wie funktioniert sie?

• Was sind Objektprototypen?
• Was ist die Konstruktoreigenschaft, und wie können Sie diese verwenden?
• 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?