Häufige Fehler, die Sie beim Codieren in JavaScript vermeiden sollten

Egal in welchem ​​Entwickler Sie sich befinden, es gibt die Chancen, dass Sie einen Fehler machen werden. Diese Fehler können von Syntax bis zu komplexen Funktionen variieren, die am Ende eine Reihe von Fehlern in Ihrer Anwendung verursachen. Es ist eine gute Sache, einen älteren Entwickler zu haben, der über Ihren Code nachgeht und die Fehler findet, aber es ist besser für Sie, aus Ihren eigenen Fehlern und Fehlern zu lernen und sie mit der Zeit zu verbessern.

Obwohl JavaScript eine leicht lernende Sprache ist, machen viele Entwickler, egal wie gut sie von Entwicklern sind, einige gemeinsame Fehler. Diese Fehler lassen Ihren Code ineffizient, unorganisiert und voller Fehler aussehen. In diesem Artikel werden wir hier in JavaScript codieren, um Ihre Code fehlerfrei und effizient zu vermeiden, um diese zu vermeiden, um sie zu vermeiden.

Häufige Fehler in Ihrem Code

Im Folgenden finden Sie die Liste, die wir in Bezug auf die gemeinsamen Fehler aller Arten von Entwicklern in JavaScript gesammelt haben. Auf diese Weise können Sie die Konzepte besser verstehen und diese Fehler in Zukunft vermeiden.

Falsche Möglichkeit, Ihr Skript zu platzieren:

Der häufigste Fehler, den Entwickler machen. Meistens zugreift das Skript auf HTML -Elemente. Durch das Platzieren des Tags in den Kopf einer HTML -Datei verursacht ein Fehler. Hier ist ein Beispiel:

Dies erzeugt keine Ausgabe, während das Platzieren des Skript -Tags am Ende Ihrer Seite dieses Problem behebt. Wenn Sie jedoch ein Skript -Tag im Kopf einer HTML -Datei verwenden möchten, fügen Sie einfach das Attribut hinzuverschieben”Im Skript -Tag. Hier ist ein Beispiel für die Verwendung von Defer.

Falsche Verwendung von (=), (==), (===) Operatoren

In JavaScript ist ein weiterer häufiger Fehler die falsche Verwendung von “=","==" Und "===”. Der "=Operator ist ein Aufgabenverwalter In JavaScript, das verwendet wird, um verschiedenen Variablen Werte zuzuweisen.

Wohingegen, "==" Und "===Operatoren werden zum Vergleich verwendet. “=="Wird für" verwendet "loseVergleich von zwei Variablen, die ihre Datentypen ignorieren. Während "===Ist ein strenger Vergleichsbetreiber, der den Datentyp von zwei Variablen überprüft.

Im Folgenden finden Sie ein Beispiel, um den Unterschied jedes Operators besser zu verstehen und Ihr Konzept zu verbessern, um solche Fehler zu vermeiden:

Sei x = 55;
Sei y = 55;
sei z = "55";
Konsole.log (boolean (x == y));
Konsole.log (boolean (x === y));
Konsole.log (boolean (y == z));
Konsole.log (boolean (y === z));

Hier haben wir zuerst die Variablen einige Werte mit "=" -Strieb Operatoren zugewiesen. Wenn Sie dann Vergleichsoperatoren verwenden, haben wir ihre Werte verglichen.

Ausgang:

Als wir die Zeichenfolge mit einer Zahl verglichen haben, gab es uns wahr, dass sie die Datentypen beider Variablen nicht überprüfte. Während "===" uns falsch gegeben wurde, da es auch die Datentypen von Variablen überprüft.

Addition gegen Verkettung

Zum Hinzufügen von Zahlen oder Zeichenfolgen der Bediener “+" wird eingesetzt. Aus diesem Grund erhalten wir verschiedene Ausgänge. Wenn wir beispielsweise eine Zahl mit einer numerischen Zeichenfolge hinzufügen, generiert sie eine andere Ausgabe im Vergleich zum Hinzufügen von zwei Zahlen.

sei x = 5;
lass y = "5";
sei z = 20;
Konsole.log (x+y);
Konsole.log (x+z);

Ausgang:

Da wir die Art der Daten in JavaScript bei der Deklaration von Variablen nicht definieren können, und wenn diese Typen nicht ordnungsgemäß behandelt werden, werden einige unvorhersehbare Ergebnisse verursacht, die durch das obige Beispiel gezeigt werden.

Undefiniert gegen Null

Beide mögen ähnlich aussehen, aber sie sind völlig unterschiedlich voneinander. Nicht definiert Wenn Sie keine Variable zugewiesen haben, haben Sie keinen Wert zugewiesen. Wohingegen, Null ist ein Zuordnungswert, der Variablen zugeordnet werden kann. Auch wenn Sie diese beiden mit einem strengen Vergleichsbetreiber vergleichen, gibt dies einen falschen Wert an. Hier ist ein Beispiel:

sei x;
lass Z = null;
Konsole.log (x);
Konsole.log (z);
Konsole.log (typeof x);
Konsole.log (typeof z);
Konsole.log (boolean (z === x));

Ausgang:

Hier die Art von nicht definiert ist undefiniert, während das von Null ist ein Objekt. Im Vergleich wurde daher als Ausgabe Falsch erzeugt.

Semikolon Fehlplanung

Der häufigste Fehler, den Entwickler machen, ist das Platzieren des Semikolons am Ende einer Funktion. Zum Beispiel:

Sei x = 1;
if (x == 19);

Konsole.log ("Hallo");

Darin die Platzierung von ";" Semikolon am Ende der zweiten Zeile wird den angegebenen Codeblock unabhängig von der Bedingung ausführen.

Ausgang:

Um diese Art von Fehlern zu vermeiden, schreiben Sie Ihren Code wie:

Auf diese Weise überprüfte es den Zustand und daher wurde keine Ausgabe erzeugt.

Eine Zeichenfolge in JavaScript brechen

Um eine Zeichenfolge aus der Mitte zu brechen oder Ihren Satz aus der nächsten Zeile zu starten, können Sie sie nicht beabsichtigen. Vielmehr können Sie für diesen Zweck Gegenreaktionen "\" verwenden.

lass x = ""Hey \
Dort""