Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Javascript-Fähigkeiten, wenn Bedingungsbeurteilungsmethode_Javascript-Fähigkeiten sind

Zusammenfassung der Javascript-Fähigkeiten, wenn Bedingungsbeurteilungsmethode_Javascript-Fähigkeiten sind

WBOY
WBOYOriginal
2016-05-16 16:48:081529Durchsuche

Bedingte Anweisungen werden verwendet, um verschiedene Aktionen basierend auf unterschiedlichen Bedingungen auszuführen.

Bedingte Anweisung

Normalerweise müssen Sie beim Schreiben von Code immer unterschiedliche Aktionen für unterschiedliche Entscheidungen ausführen. Sie können in Ihrem Code bedingte Anweisungen verwenden, um diese Aufgabe zu erfüllen.

In JavaScript können wir die folgenden bedingten Anweisungen verwenden:

•if-Anweisung – Verwenden Sie diese Anweisung, um Code nur dann auszuführen, wenn die angegebene Bedingung wahr ist
•if...else-Anweisung – Führen Sie Code aus, wenn die Bedingung wahr ist, und führen Sie anderen Code aus, wenn die Bedingung falsch ist
•if...else if....else-Anweisung – Verwenden Sie diese Anweisung, um einen von mehreren Codeblöcken zur Ausführung auszuwählen
•switch-Anweisung – Verwenden Sie diese Anweisung, um einen von mehreren Codeblöcken zur Ausführung auszuwählen

If-Anweisung

Diese Anweisung führt den Code nur aus, wenn die angegebene Bedingung wahr ist.

Grammatik

Code kopieren Der Code lautet wie folgt:

if (Bedingung)
{
nur Code wird ausgeführt, wenn die Bedingung wahr ist
}

Hinweis: Bitte verwenden Sie Kleinbuchstaben, wenn. Die Verwendung von Großbuchstaben (IF) führt zu einem JavaScript-Fehler!

Beispiel
Wenn die Zeit weniger als 20:00 Uhr ist, generieren Sie eine „Guten Tag“-Begrüßung:

Code kopieren Der Code lautet wie folgt:

if (time<20)
{
x="Guten Tag";
}

Das Ergebnis von

x ist:

Guten Tag

Probieren Sie es selbst aus

Bitte beachten Sie, dass es in dieser Syntax kein ..else.. gibt. Sie haben den Browser angewiesen, den Code nur dann auszuführen, wenn die angegebene Bedingung wahr ist.
If...else-Anweisung
Verwenden Sie die if...else-Anweisung, um Code auszuführen, wenn die Bedingung wahr ist, und anderen Code, wenn die Bedingung falsch ist.

Grammatik

Code kopieren Der Code lautet wie folgt:

if (Bedingung)
{
wenn Code ausgeführt wird, wenn die Bedingung wahr ist
}
else
{
Code ausgeführt wird, wenn die Bedingung nicht wahr ist
}

Beispiel
Wenn die Zeit kleiner als 20:00 Uhr ist, erhalten Sie die Begrüßung „Guten Tag“, andernfalls die Begrüßung „Guten Abend“.

Code kopieren Der Code lautet wie folgt:

if (time<20)
{
x="Guten Tag";
}
else
{
x="Guten Abend";
}

Das Ergebnis von

x ist:

Guten Tag

Probieren Sie es selbst aus
If...else if...else-Anweisung
Verwenden Sie die if...else if...else-Anweisung, um einen von mehreren Codeblöcken zur Ausführung auszuwählen.

Grammatik

Code kopieren Der Code lautet wie folgt:

if (Bedingung 1)
{
Code wird ausgeführt, wenn Bedingung 1 wahr ist
}
else if (condition 2)
{
Code wird ausgeführt, wenn Bedingung 2 wahr ist
}
else
{
Code wird ausgeführt, wenn weder Bedingung 1 noch Bedingung 2 wahr ist
}

Instanz
Wenn die Zeit weniger als 10:00 Uhr beträgt, wird die Begrüßung „Guten Morgen“ gesendet. Andernfalls senden Sie bei weniger als 20:00 Uhr die Begrüßung „Guten Tag“, andernfalls die Begrüßung „Guten Abend“:

Code kopieren Der Code lautet wie folgt:

if (time<10)
{
x="Guten Morgen";
}
else if (time<20)
{
x="Guten Tag";
}
else
{
x="Guten Abend";
}

Das Ergebnis von

x ist:

Guten Morgen

Welche Werte können in JavaScript als Bedingungen von if verwendet werden?

1. Boolesche Variable wahr/falsch
2. Zahl ist nicht 0, nicht NaN/ (0 oder NaN)

Siehe das Beispiel unten. Denken Sie nicht, dass eine negative Zahl bedeutet, dass die if-Anweisung falsch ist.

Code kopieren Der Code lautet wie folgt:

var i = -1;
if(i ){
Alert('here');
}else{
Alert('test is ok!');
}

3. Das Objekt ist nicht null/(null oder undefiniert)
Die Zeichenfolge ist keine leere Zeichenfolge ("")/leere Zeichenfolge ("")

Zusammenfassend lässt sich sagen, dass es für Zeichenfolgen nicht nötig ist, viel if (str!=null && str!=undefined && str !='') zu schreiben, sondern nur einen Satz zu verwenden

Code kopieren Der Code lautet wie folgt:

if(!str){
//etwas tun
}

Das ist es.

Für die nicht leere Beurteilung von Zahlen sollten Sie die Verwendung der Funktion isNaN() in Betracht ziehen. NaN ist mit keinem Datentyp gleich, einschließlich sich selbst, und kann nur mit isNaN() beurteilt werden. Bei numerischen Typen ist if(a) falsch, wenn a in der if(a)-Anweisung 0 ist, und if(a) ist wahr, wenn es nicht 0 ist

Code kopieren Der Code lautet wie folgt:

var b;
var a = 0;
a = a b;
if(a){
Alert('1');
}else{
Alert('2');
}
if(isNaN (a)){
warning('a is NaN');
}

Javascript-Tutorial: Methoden zur Optimierung von If-Anweisungen bei Abkürzungen

UglifyJS ist ein Tool zum Komprimieren und Verschönern von Javascript. In seiner Dokumentation habe ich mehrere Methoden zur Optimierung von if-Anweisungen gesehen. Obwohl ich es nicht für einige vorläufige Tests verwendet habe, können Sie hier sehen, dass es js verschönert. Manche Leute denken vielleicht, dass die if-Anweisung so einfach ist. Inwieweit kann sie optimiert werden? Aber werfen Sie einen Blick auf die folgenden Möglichkeiten und vielleicht ändern Sie Ihre Meinung.

1. Verwenden Sie gängige ternäre Operatoren

if (foo) bar(); else foo?bar():baz();
if (!foo) bar(); ; foo?baz():bar();
if (foo) return bar(); else return baz(); ==> Sie werden auf jeden Fall mit der oben beschriebenen Verwendung des ternären Operators zur Optimierung von if-Anweisungen vertraut sein, vielleicht verwenden Sie ihn oft.

Beispiel von Script House:

Code kopieren Der Code lautet wie folgt:
<script><br>var i =9<br>var ii=(i>8)?100:9;<br>alert(ii);<br></script>

Ausgabeergebnis:

100

2. Verwenden Sie die Operatoren and(&&) und or(||)

if (foo) bar(); ==> foo&&bar();

if (!foo) bar();

Um ehrlich zu sein, habe ich diesen Schreibstil noch nie gesehen, als ich „Brother Niaos Linux Private Cooking“ studierte, aber ich hatte nicht erwartet, ihn in js zu implementieren.

3. Lassen Sie die geschweiften Klammern weg {}

if (foo) return bar(); else Something(); ==> {if(foo)return bar();something()}

Sie und ich sind mit dieser Schreibmethode vertraut, ich empfehle jedoch, dies bei der Optimierung des Codes zu tun oder sich von UglifyJS bei der Lösung helfen zu lassen. Denn wenn eine geschweifte Klammer fehlt, ist die Lesbarkeit des Codes nicht gut.

Als ich dies schrieb, dachte ich an eine Methode zum Erhalten von HTML-Elementattributen in „Mastering JavaScript“ vom Vater von jQuery.

function getAttr(el, attrName){

var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
};

Wenn wir es nicht auf diese Weise schreiben, müssen wir möglicherweise zwei if-Anweisungen verwenden, um es zu verarbeiten. Der obige Code ist nicht nur prägnant und effektiv, sondern auch gut lesbar.

Wenn Sie sorgfältig darüber nachdenken, können wir oft effektive Wege finden, um Probleme zu lösen, aber der Schlüssel liegt darin, ob wir gewissenhaft bei der Suche nach einem besseren Weg sind.

[Javascript-Kenntnisse] if(x==null) Abkürzung

if(x==null) oder if (typeof (x) == 'undefiniert') kann wie if(!x) abgekürzt werden, was nicht überprüft wird.

Im Gegenteil, wenn (x) bedeutet, dass x nicht leer ist

Bestimmen Sie, ob das Objekt existiert

Code kopieren Der Code lautet wie folgt:
if(document.form1.softurl9){
//Bestimmen Sie, ob softurl9 vorhanden ist, um js-Fehler zu verhindern
}

Code kopieren Der Code lautet wie folgt:
if(document.getElementById("softurl9" )){
//Bestimmen Sie, ob softurl9 vorhanden ist, um js-Fehler zu verhindern
}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:js ruft die Positionskoordinaten des Fensters relativ zur linken und oberen Seite der screen_javascript-Fähigkeiten abNächster Artikel:js ruft die Positionskoordinaten des Fensters relativ zur linken und oberen Seite der screen_javascript-Fähigkeiten ab

In Verbindung stehende Artikel

Mehr sehen