Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der Schalterverwendung und Vorsichtsmaßnahmen in JavaScript

Ausführliche Erläuterung der Schalterverwendung und Vorsichtsmaßnahmen in JavaScript

伊谢尔伦
Freigeben: 2017-07-18 14:49:43
Original
1673 Leute haben es durchsucht

Syntax

Die grundlegende Syntax der Switch-Anweisung gibt einen Ausdruck an, um mehrere verschiedene Anweisungen basierend auf dem Wert des Ausdrucks auszuwerten und zu berechnen. Der Interpreter prüft jeden Fall auf den Wert des Ausdrucks, bis er eine Übereinstimmung findet. Wenn keine Übereinstimmung vorliegt, wird die Standardbedingung verwendet.


switch (expression)
{
 case condition 1: statement(s)
          break;
 case condition 2: statement(s)
          break;
  ...
 case condition n: statement(s)
          break;
 default: statement(s)
}
Nach dem Login kopieren

Die break-Anweisung weist den Interpreter an, unter bestimmten Umständen zu beenden. Wenn sie weggelassen werden, führt der Interpreter jede Anweisung in jedem der folgenden Fälle weiter aus.

Wir werden die break-Anweisung im Kapitel zur Schleifensteuerung erklären.
Beispiel:

Das folgende Beispiel veranschaulicht eine einfache While-Schleife:


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
      break;
 case &#39;B&#39;: document.write("Pretty good<br />");
      break;
 case &#39;C&#39;: document.write("Passed<br />");
      break;
 case &#39;D&#39;: document.write("Not so good<br />");
      break;
 case &#39;F&#39;: document.write("Failed<br />");
      break;
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
Nach dem Login kopieren

Dies führt zu dem folgenden Ergebnis :


Entering switch block
Good job
Exiting switch block
Nach dem Login kopieren

Beispiel:

Stellen Sie sich eine solche Situation vor, wenn die break-Anweisung nicht verwendet wird:


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
 case &#39;B&#39;: document.write("Pretty good<br />");
 case &#39;C&#39;: document.write("Passed<br />");
 case &#39;D&#39;: document.write("Not so good<br />");
 case &#39;F&#39;: document.write("Failed<br />");
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
Nach dem Login kopieren

Dies führt zu folgenden Ergebnissen:


Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
Nach dem Login kopieren

Hinweise zur Schalterverwendung für Javascript

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case &#39;65&#39;:
alert("字符串65。jb51.net");
break;
}
</script>
Nach dem Login kopieren

Das werden Sie Das Dialogfeld „Finde Nein“ wird angezeigt und die Warnung wird nicht ausgeführt.

Ursachenanalyse:

Was hier klargestellt werden muss, ist, dass switch beim Urteilen das kongruente Zeichen „===“ verwendet Der Datentyp ist nicht derselbe, aber hier ist t_jb51_net vom Typ Number und „65“ ist String.

Der folgende Code öffnet das Dialogfeld:

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case 65:
alert("数字65。jb51.net");
break;
}
</script>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Schalterverwendung und Vorsichtsmaßnahmen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage