Lösen Sie häufige JavaScript-Probleme

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

Einige häufig eingebettete Browserfunktionen, die Probleme verursachen, sind:

Sie müssen sicherstellen, dass Sie keine Semikolons falsch platzieren. Zum Beispiel:

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

Einer der häufigsten Fehler ist, die Funktion zu deklarieren, sie aber nirgends 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();

Funktionsumfang

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

Code-Ausführung nach einer Rückgabeanweisung

Denken Sie auch daran, dass wenn Sie aus einer Funktion zurückkehren, der JavaScript-Interpreter die Funktion verlässt – kein Code nach der Rückgabeanweisung wird ausgeführt.

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

Wenn Sie eine normale Zuweisung in JavaScript vornehmen, verwenden Sie ein einfaches 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, die Mitgliedsnamen müssen von ihren Werten mit Doppelpunkten getrennt werden und die 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 JavaScript zu Ihrer Seite hinzu?
• Wie fügen Sie Kommentare in JavaScript-Code ein?

• 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 'schwach typisiert'?

• Mit welchen Zahlentypen müssen Sie sich in der Webentwicklung beschäftigen?
• Wie machen Sie grundlegende Mathematik in JavaScript?
• Was ist Operator-Vorrang, und wie wird er in JavaScript behandelt?
• Wie erhöhen und 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).

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

• Wie erstellen Sie ein Array?
• Wie greifen Sie auf die Elemente eines Arrays zu und ändern sie? (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?

• Was für grundlegende Fehlertypen gibt es?
• Was sind Browser-Entwicklungstools und wie greifen Sie auf sie zu?
• Wie protokollieren Sie einen Wert in der JavaScript-Konsole?
• Wie verwenden Sie Breakpoints und andere JavaScript-Debugging-Funktionen?

Weitere Informationen zum Debuggen von JavaScript finden Sie unter JavaScript-Debugging und Fehlerbehandlung. Siehe auch Weitere häufige Fehler für eine Beschreibung häufiger Fehler.

• 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 nisten Sie einen Entscheidungsblock in einen anderen ein?
• 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 ternären Operator, um schnell zwischen zwei Optionen zu wählen, basierend auf einem wahr oder falsch Test?

• Wie führen Sie denselben Codeblock immer wieder aus?
• Wie verlassen Sie eine Schleife vor dem Ende, 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 (aufrufen oder invokieren)?
• Was ist eine anonyme Funktion?
• Wie legen Sie Parameter (oder Argumente) fest, wenn Sie eine Funktion aufrufen?
• Was ist Funktionsumfang?
• Was sind Rückgabewerte und wie verwenden 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 ist this im Kontext eines Objekts?
• Was ist objektorientierte Programmierung?
• Was sind Konstruktoren und Instanzen, und wie erstellen Sie sie?
• Welche verschiedenen Möglichkeiten gibt es, um Objekte in JavaScript zu erstellen?

• Wie strukturieren Sie JSON-Daten und lesen diese aus JavaScript?
• Wie können Sie eine JSON-Datei in eine Seite laden?
• Wie konvertieren Sie ein JSON-Objekt in eine Textzeichenkette und zurück?

• Was sind Ereignishandler und wie verwenden Sie sie?
• Was sind Inplace-Ereignishandler?
• Was macht die addEventListener()-Funktion und wie verwenden Sie sie?
• Welchen Mechanismus sollten Sie verwenden, um Ereigniscode zu Ihren Webseiten hinzuzufügen?
• Was sind Ereignisobjekte und wie verwenden Sie sie?
• Wie verhindern Sie das Standardverhalten von Ereignissen?
• Wie wird das Ereignis auf verschachtelten Elementen ausgelöst? (Ereignisausbreitung, auch in Verbindung mit — Ereignisblasen und -erfassung)
• Was ist Ereignisdelegation und wie funktioniert sie?

• Was sind Objektprototypen?
• Was ist die Konstruktor-Eigenschaft, und wie können Sie sie 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?