Häufige JavaScript-Probleme lösen
Die folgenden Links führen zu Lösungen für häufige Probleme, die beim Schreiben von JavaScript auftreten können.
Häufige Anfängerfehler
Richtige Rechtschreibung und Groß-/Kleinschreibung
Wenn Ihr Code nicht funktioniert und/oder der Browser bemängelt, dass etwas undefiniert ist, überprüfen Sie, ob Sie alle Variablennamen, Funktionsnamen usw. korrekt geschrieben haben.
Einige häufige eingebaute Browser-Funktionen, die Probleme verursachen, sind:
| Richtig | Falsch |
|---|---|
getElementsByTagName() |
getElementByTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
Position des Semikolons
Sie müssen sicherstellen, dass Sie keine Semikolons falsch platzieren. Zum Beispiel:
| Richtig | Falsch |
|---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
Funktionen
Es gibt eine Reihe von Dingen, die mit Funktionen schiefgehen können.
Einer der häufigsten Fehler ist es, die Funktion zu deklarieren, aber sie 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ß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 zurück.
Code nach einer return-Anweisung ausführen
Denken Sie auch daran, dass der JavaScript-Interpreter bei einem return-Aufruf die Funktion verlässt — kein Code nach der return-Anweisung wird ausgeführt.
Tatsächlich geben einige Browser (wie Firefox) Ihnen eine Fehlermeldung in der Entwicklerkonsole, wenn Sie Code nach einer return-Anweisung haben. Firefox gibt Ihnen "unerreichbarer Code nach der return-Anweisung".
Objektnotation versus normale Zuweisung
Wenn Sie in JavaScript etwas normal zuweisen, verwenden Sie ein einzelnes Gleichheitszeichen, zum Beispiel:
const myNumber = 0;
Bei Objekten müssen Sie jedoch darauf achten, die richtige Syntax zu verwenden. Das Objekt muss von geschweiften Klammern umgeben sein, Mitgliedsnamen müssen mit Doppelpunkten von ihren Werten getrennt werden, und Mitglieder müssen durch Kommata getrennt werden. Zum Beispiel:
const myObject = {
name: "Chris",
age: 38,
};
Grundlegende Definitionen
Grundlegende Anwendungsfälle
Allgemein
Variablen
Mathematik
- Mit welchen Zahlentypen müssen Sie in der Webentwicklung umgehen?
- Wie machen Sie grundlegende Mathematik in JavaScript?
- Was ist Operatorenreihenfolge, und wie wird sie in JavaScript gehandhabt?
- Wie inkrementieren und dekrementieren Sie Werte in JavaScript?
- Wie vergleichen Sie Werte in JavaScript? (z.B., um zu sehen, welcher größer ist, oder um zu sehen, 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 Zeichenfolgen miteinander?
- Können Sie Zeichenfolgen und Zahlen zusammenfügen?
- Wie finden Sie die Länge einer Zeichenfolge?
- Wie finden Sie heraus, welches Zeichen sich an einer bestimmten Position in einer Zeichenfolge befindet?
- Wie finden und extrahieren Sie eine bestimmte Teilzeichenfolge aus einer Zeichenfolge?
- Wie ändern Sie die Groß-/Kleinschreibung einer Zeichenfolge?
- Wie ersetzen Sie eine bestimmte Teilzeichenfolge durch eine andere?
Arrays
- Wie erstellen Sie ein Array?
- Wie greifen Sie auf die Elemente in einem Array zu und ändern diese? (dies schließt mehrdimensionale Arrays ein)
- Wie finden Sie die Länge eines Arrays heraus?
- 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?
JavaScript-Debugging
- Was sind die grundlegenden Fehlertypen?
- Was sind Entwicklertools im Browser, und wie greifen Sie auf diese zu?
- Wie protokollieren Sie einen Wert in der JavaScript-Konsole?
- Wie verwenden Sie Haltepunkte und andere JavaScript-Debugging-Funktionen?
Für weitere Informationen zum Debuggen von JavaScript, siehe JavaScript-Debugging und Fehlerbehandlung. Siehe auch Andere häufige Fehler für eine Beschreibung häufig auftretender Fehler.
Entscheidungen im Code treffen
- 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 behandeln Sie auf bequeme Weise 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 Test, der wahr oder falsch ergibt, zu treffen?
Schleifen/Iteration
Anwendungsfälle für Fortgeschrittene
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 invoken)?
- 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 diese?
Objekte
JSON
Ereignisse
- Was sind Ereignishandler und wie verwenden Sie diese?
- Was sind Inline-Ereignishandler?
- Was macht die
addEventListener()-Funktion, und wie verwenden Sie sie? - Was sind Ereignisobjekte, und wie verwenden Sie diese?
- Wie verhindern Sie das Standardverhalten eines Ereignisses?
- Wie feuern Ereignisse auf verschachtelten Elementen? (Ereignisausbreitung, auch relevant — Ereignisbubbling und Capturing)
- Was ist Ereignisdelegation, und wie funktioniert sie?