Häufige JavaScript-Probleme lösen
Die folgenden Links verweisen auf Lösungen zu häufigen Problemen, 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 bemängelt, dass etwas undefiniert ist, überprüfen Sie, ob alle Ihre Variablennamen, Funktionsnamen usw. richtig geschrieben sind.
Einige häufige eingebaute Browserfunktionen, die Probleme verursachen, sind:
| Korrekt | Falsch |
|---|---|
getElementsByTagName() |
getElementByTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
Position von Semikolons
Sie müssen sicherstellen, dass Sie keine Semikolons falsch platzieren. Zum Beispiel:
| Korrekt | Falsch |
|---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
Funktionen
Es gibt eine Reihe von Dingen, die bei Funktionen schiefgehen 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 (Scope)
Denken Sie daran, dass Funktionen ihren eigenen Bereich haben – Sie können auf einen innerhalb einer Funktion gesetzten Variablenwert von außerhalb der Funktion nicht zugreifen, es sei denn, Sie haben die Variable global (d.h. nicht innerhalb einer Funktion) deklariert oder den Wert aus der Funktion zurückgegeben.
Code nach einer Rückgabeanweisung ausführen
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) Ihnen eine Fehlermeldung in der Entwicklerkonsole, wenn Sie Code nach einer Rückgabeanweisung haben. Firefox gibt Ihnen "unreachable code after return statement".
Objekt-Notation versus normale Zuweisung
Wenn Sie in JavaScript etwas normal zuweisen, 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, Mitgliedsnamen müssen mit Doppelpunkten von ihren Werten getrennt werden, und Mitglieder müssen durch Kommas getrennt sein. Zum Beispiel:
const myObject = {
name: "Chris",
age: 38,
};
Grundlegende Definitionen
Grundlegende Anwendungsfälle
Allgemein
Variablen
Mathematik
- Welche Zahlentypen müssen Sie in der Webentwicklung handhaben?
- Wie machen Sie grundlegende Mathematik in JavaScript?
- Was ist Operatorpräzedenz 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 ob ein Wert gleich einem anderen ist).
Zeichenketten
- Wie erstellen Sie eine Zeichenkette in JavaScript?
- Müssen Sie einfache oder doppelte Anführungszeichen verwenden?
- Wie fügen Sie Zeichenketten zusammen?
- Können Sie Zeichenketten und Zahlen zusammenfügen?
- Wie ermitteln Sie die Länge einer Zeichenkette?
- Wie ermitteln Sie, welches Zeichen an einer bestimmten Position in einer Zeichenkette ist?
- Wie finden und extrahieren Sie eine bestimmte Teilzeichenkette aus einer Zeichenkette?
- Wie ändern Sie die Groß-/Kleinschreibung einer Zeichenkette?
- Wie ersetzen Sie eine bestimmte Teilzeichenkette durch eine andere?
Arrays
- Wie erstellen Sie ein Array?
- Wie greifen Sie auf die Elemente eines Arrays zu und ändern diese? (dies schließt mehrdimensionale Arrays ein)
- Wie ermitteln 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 eine Zeichenkette in Array-Elemente auf oder fügen Array-Elemente zu einer Zeichenkette zusammen?
JavaScript-Debugging
- Was sind die grundlegenden Fehlerarten?
- Was sind Browser-Entwicklerwerkzeuge und wie greifen Sie darauf zu?
- Wie protokollieren Sie einen Wert zur JavaScript-Konsole?
- Wie verwenden Sie Haltepunkte und andere JavaScript-Debugging-Funktionen?
Für weitere Informationen zum Debugging von JavaScript siehe JavaScript debugging und Fehlerbehebung. Siehe auch Andere häufige Fehler für eine Beschreibung häufiger 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 verschachteln Sie einen Entscheidungsblock in einen anderen?
- Wie verwenden Sie UND, ODER und NICHT Operatoren in JavaScript?
- Wie handhaben Sie auf bequeme Weise eine große Anzahl von Auswahlmöglichkeiten für eine Bedingung?
- Wie verwenden Sie einen ternären Operator, um schnell zwischen zwei Optionen basierend auf einem wahr oder falsch Test zu wählen?
Schleifen/Iterationen
Zwischenstufen-Anwendungsfälle
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 ausführen)?
- Was ist eine anonyme Funktion?
- Wie spezifizieren Sie Parameter (oder Argumente) beim Aufrufen einer Funktion?
- Was ist Funktionsbereich?
- Was sind Rückgabewerte und wie verwenden Sie sie?
Objekte
JSON
Ereignisse
- Was sind Ereignishandler und wie verwenden Sie sie?
- Was sind Inline-Ereignishandler?
- Was macht die Funktion
addEventListener()und wie verwenden Sie sie? - Was sind Ereignisobjekte und wie verwenden Sie sie?
- Wie verhindern Sie Standard-Ereignisverhalten?
- Wie werden Ereignisse auf verschachtelten Elementen ausgelöst? (Ereignisweiterleitung, ebenfalls verwandt — Ereignis-Bubbling und -Capturing)
- Was ist Ereignisdelegierung und wie funktioniert sie?