4 nützliche JavaScript-Anweisungen, die Sie kennen sollten

JavaScript-Anweisungen geben uns die Macht dazu Implementieren Sie verschiedene Arten von Logik in unserem Code. JavaScript stellt uns mehrere davon zur Verfügung, die alle ihren eigenen Zweck und ihre eigene Syntax haben. Zu den bekanntesten Beispielen gehören Ausdrucksanweisungen, Iterationsanweisungen, Bedingungsanweisungen und mehr

Im heutigen Beitrag werden wir sehen vier weniger verbreitete JavaScript-Anweisungen Möglicherweise haben Sie es noch nicht gewusst, können jedoch Ihr JavaScript-Wissen vertiefen und Ihnen ermöglichen, besseren Code zu schreiben.

1. Leere Aussage

Anstelle einer JavaScript-Anweisung können Sie eine leere Anweisung hinzufügen, die als einzelnes Semikolon geschrieben wird ;. Wenn der JavaScript-Interpreter eine leere Anweisung interpretiert, Es wird kein Code ausgeführt, deshalb können sie nützlich sein Ersetzen Sie Unteranweisungen, die Sie nicht ausführen möchten.

Angenommen, es gibt eine Variable namens Lackmus mit dem Standardwert neutral. Basierend auf dem Wert einer anderen aufgerufenen Variablen pH-Wert, Lackmus wechselt zu einem der beiden sauer wenn pH < 7 or Basic wenn pH> 7.

Wenn der Wert von pH-Wert entpuppt sich als ungültig, es wird ein Fehler ausgegeben. Für ein Bedingung So gelten die folgenden Bedingungsanweisungen:

 var litmus = 'neutral'; var pH; if (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

Die obigen Anweisungen werfen jedoch einen Fehler, wenn pH-WertDer Wert ist 7, was nicht der Fall sein sollte.

Wann pH-Wert ist 7, Lackmus sollte seinen Standardwert beibehalten, das heißt neutral. Fügen Sie für einen solchen Fall eine Bedingung hinzu, wenn pH-Wert ist 7 mit einer folgenden leeren Anweisung.

 var litmus = 'neutral'; var pH; if (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

Jetzt, wenn pH-Wert ist 7, der Interpreter führt keine Anweisungen aus und Lackmus behält den Standardwert bei, neutral.

Leere Anweisungen können auch verwendet werden, um ein Array mit Hilfe von zu füllen zum Schleife.

 var ary = []; für (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

Normalerweise a zum Auf die Schleifenanweisung folgt eine Unteranweisung, die aus einer einzelnen Anweisung oder einer Blockanweisung (der in eingeschlossenen Anweisung) besteht geschweifte Klammern) ausgeführt werden. Wenn Sie anstelle der Unteranweisung eine leere Anweisung verwenden, muss der Interpreter nach jeder Schleife nichts ausführen nur der schleifen auftritt, und die Schleifenbedingungen werden ausgeführt.

Im obigen Beispiel, ary [i ++] = i wird für jede Schleifeniteration als Teil der Schleifenbedingung und des Arrays ausgeführt ary wird mit Werten von instanziiert ich.

2. Die Debugger Aussage

In Debugging-Tools können wir Marker hinzufügen namens Haltepunkte zu jeder Zeile im Quellcode zu Markieren Sie die Zeilen, von denen das Debugger-Tool mit dem Debuggen beginnt.

In JavaScript wird der Debugger Aussage funktioniert wie ein Haltepunkt, außer dass es ist direkt in den Quellcode eingefügt, anstatt in einem Werkzeug. Jeder laufende Debugger wird Stoppen Sie die Skriptausführung wenn es das erreicht Debugger Anweisung, um Ihnen beim Debuggen des Codes zu helfen.

Denken Sie daran, dass das Debugging ausgelöst wird Nur wenn das Skript in einem Debugging-Modus ausgeführt wird, ein Debugging-Programm läuft bereits über die Ausführung des Skripts. Wenn während der Interpretation des Programms kein Debugger-Programm ausgeführt wird Debugger Behauptung, der Dolmetscher wird seine Arbeit fortsetzen, als ob nichts passiert wäre.

Führen Sie als Schnelltest den folgenden Code in Codepen aus, während das Debugger-Tool des Browsers geöffnet bleibt:

 console.log ('tesing'); Debugger; console.log ('debugging statement');

Sie sehen einen Haltepunkt neben dem Debugger wie im Debugger-Tool des Browsers gezeigt.

3. Beschriftete Erklärung

In JavaScript können Sie auch bestimmten Anweisungen Beschriftungen hinzufügen. Auf diese Weise können Sie später zur markierten Aussage springen Verwenden Sie das Label in Ihrem Code, So'ne Art wie gehe zu Anweisung funktioniert in einigen anderen Sprachen.

Beschriftete Anweisungen können nur zusammen mit verwendet werden brechen und fortsetzen Anweisungen, wie in JavaScript gibt es kein Literal gehe zu Aussage.

Beide brechen und fortsetzen kann nur in Schleifenanweisungen verwendet werden, wie z zum Schleife (mit einer Ausnahme, brechen kann im verwendet werden Schalter Aussage auch). So können wir Schleifen beschriften und verwenden brechen und fortsetzen um ihre Ausführung zu kontrollieren.

Das Syntax von gekennzeichneten Anweisungen ist einfach, Sie müssen nur den Namen der Beschriftung mit einem nachfolgenden Doppelpunkt hinzufügen, wie Sie im folgenden Beispiel sehen können, wo Schleife ist der Name des Labels, das wir dem hinzufügen zum Schleife.

 Schleife: für (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

Wenn der Wert von ich 2 ist, springt die Ausführung zur Schleife zurück, anstatt fortzufahren, und verhindert somit die Konsolenausgabe von “2”.

Nun sehen wir ein weiteres Beispiel mit der brechen Aussage. Einfach das ersetzen fortsetzen Stichwort mit brechen Im obigen Beispiel werden Sie feststellen, dass Sie nicht auf die Schleife zurückspringen, wie Sie es getan haben fortsetzen, Die Schleife endet / bricht insgesamt.

 Schleife: für (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

Die obigen Beispiele waren ziemlich einfach, sodass Sie schnell verstehen können, wie markierte Anweisungen funktionieren. Bei der Codierung im realen Leben werden Labels jedoch häufiger in zusammengesetzten Schleifen verwendet, wenn die unterschiedlichen Schleifen wie im folgenden Beispiel unterschieden werden müssen:

 Schleife: für (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

Hier die äußere Schleife geht kaputt bei Wert 2 für Variable ich und bei 1 für j, und die Konsole gibt die folgende Ausgabe zurück:

 0-0 0-1 1-0 1-1 2-0

4. Die mit Aussage

Wenn der JS-Interpreter kommt auf einen unqualifizierten Namen das gibt nicht an, welchem ​​Objekt oder welcher Funktion der Aufruf zugeordnet ist durchsucht die Scope-Chain für jedes geeignete Objekt oder Funktion kann sich der Aufruf beziehen.

Mit der mit Aussage können wir Fügen Sie oben in der Scope-Kette ein Objekt hinzu, und angeben, mit welchem ​​Objekt der Anruf verbunden ist.

Im folgenden Beispiel sehen Sie, dass die Eigenschaften von Person Objekt werden nur mit ihren Namen innerhalb der aufgerufen mit Aussage.

 var person = firstName: "John", Nachname: "Doe", Alter: "18", Land: "Grönland"; with (person) console.log ("Hallo, mein Name ist" + Vorname + "" + Nachname + ". Ich bin" Alter + "Jahre alt und lebe in" + Land + ".");  // "Hallo, ich heiße John Doe. Ich bin 18 Jahre alt und lebe in Grönland."

Vergleichen Sie, wie der obige Code aussehen würde, ohne die mit Aussage:

 var person = firstName: "John", Nachname: "Doe", Alter: "18", Land: "Grönland"; console.log ("Hallo, mein Name ist" + person.firstName + "" + person.lastName + ". Ich bin" + person.age + "Jahre alt und lebe in" + person.country + ".) ); // "Hallo, ich heiße John Doe. Ich bin 18 Jahre alt und lebe in Grönland."

Du kannst das ... sehen mit Anweisung kann eine gute Verknüpfung sein, wenn Sie mit vielen Eigenschaften desselben Objekts arbeiten.

Beachten Sie jedoch die Verwendung der mit Aussage im strikten Modus ist nicht erlaubt, da dies zu einer gewissen Verwirrung führen kann.

Es wird auch nur empfohlen, das zu verwenden mit Anweisung, wenn ihre internen Anweisungen das Objekt verwenden, das mit Andernfalls verschwendet der Dolmetscher Zeit, um das von mit erstens für alle unqualifizierten Eigenschaftsnamen, die es später im mit Block.