Aufruf der Javascript-Steuerungsmethode

JavaScript ist eine weit verbreitete Skriptsprache, mit der viele wunderbare interaktive Effekte erzielt werden können. In JavaScript können wir verschiedene Methoden (Funktionen) verwenden, um verschiedene Aufgaben auszuführen. Aber manchmal müssen wir den Aufruf dieser Methoden unter bestimmten Umständen steuern, was den Einsatz einiger Techniken zur Steuerung des Methodenaufrufs erfordert.

In diesem Artikel werden Techniken vorgestellt, die in JavaScript häufig zur Steuerung von Methodenaufrufen verwendet werden, einschließlich bedingter Anweisungen, Schleifenanweisungen, Ereignisbindung und anderer Methoden. Wir werden diese Techniken einzeln vorstellen, um den Lesern ein besseres Verständnis für die Steuerung von Methodenaufrufen in JavaScript zu vermitteln.

1. Bedingte Anweisungen

Bedingte Anweisungen sind eine häufig verwendete Technik zur Steuerung von Methodenaufrufen. Sie können verschiedene Codeblöcke basierend auf unterschiedlichen Bedingungen ausführen. In JavaScript gehören zu den gängigen bedingten Anweisungen if-Anweisungen und switch-Anweisungen.

1. if-Anweisung

if-Anweisung wird verwendet, um verschiedene Codeblöcke basierend auf einer Bedingung auszuführen. Seine Syntaxstruktur ist wie folgt:

if (条件表达式) {
    // 如果条件表达式为 true，则执行这里的代码块。
}

Hier ist ein Beispiel für eine einfache if-Anweisung:

var age = 18;
if (age >= 18) {
    console.log("成年人");
} else {
    console.log("未成年人");
}

Wenn im obigen Beispiel das Alter größer oder gleich 18 ist, wird „adult“ ausgegeben, andernfalls „minor“. ausgegeben werden.

2. switch-Anweisung

switch-Anweisung wird verwendet, um verschiedene Codeblöcke basierend auf mehreren Bedingungen auszuführen. Seine Syntaxstruktur ist wie folgt:

switch (表达式) {
  case 值1:
    // 执行代码块 1
    break;
  case 值2:
    // 执行代码块 2
    break;
  default:
    // 执行默认代码块
}

Das Folgende ist ein einfaches Beispiel für eine Switch-Anweisung:

var day = 2;
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  default:
    console.log("其他");
}

Wenn im obigen Beispiel der Tag gleich 1 ist, wird „Montag“ ausgegeben, und wenn der Tag gleich 2 ist, „ „Dienstag“ wird ausgegeben, wenn der Tag gleich 3 ist, wird „Mittwoch“ ausgegeben, andernfalls wird „Andere“ ausgegeben.

2. Schleifenanweisung

Die Schleifenanweisung ist eine weitere häufig verwendete Technik zur Steuerung von Methodenaufrufen. Sie kann einen Codeabschnitt wiederholt ausführen, bis eine bestimmte Bedingung erreicht ist. In JavaScript gehören zu den gängigen Schleifenanweisungen die for-Schleife, die while-Schleife und die do-while-Schleife.

1. for-Schleife

Die for-Schleife ist eine häufig verwendete Schleifenanweisung, die einen Codeblock basierend auf angegebenen Bedingungen ausführen kann. Seine Syntaxstruktur ist wie folgt:

for (初始化语句; 条件表达式; 增量表达式) {
  // 执行代码块
}

Das Folgende ist ein einfaches Beispiel für eine for-Schleife:

for (var i = 0; i < 10; i++) {
    console.log(i);
}

Im obigen Beispiel ist der Anfangswert der Variablen i 0, und dann wird der Codeblock in einer Schleife ausgeführt und um 1 erhöht jedes Mal, bis der Wert von i größer als 10 ist.

2. while-Schleife

while-Schleife ist auch eine häufig verwendete Schleifenanweisung, die einen Codeabschnitt wiederholt ausführen kann, wenn bestimmte Bedingungen erfüllt sind. Seine Syntaxstruktur ist wie folgt:

while (条件表达式) {
  // 执行代码块
}

Das Folgende ist ein einfaches Beispiel für eine While-Schleife:

var i = 0;
while (i < 10) {
    console.log(i);
    i++;
}

Im obigen Beispiel ist der Anfangswert der Variablen i 0, und dann wird der Codeblock wiederholt unter der Bedingung ausgeführt, dass i< 10, jedes Mal um 1 erhöhen, bis der Wert von i größer oder gleich 10 ist.

3. do-while-Schleife

Die do-while-Schleife ähnelt der while-Schleife, der einzige Unterschied besteht darin, dass sie den Codeblock einmal ausführt und dann prüft, ob die Bedingung erfüllt ist. Die Syntaxstruktur ist wie folgt:

do {
  // 执行代码块
} while (条件表达式);

Das Folgende ist ein einfaches Beispiel für eine Do-While-Schleife:

var i = 0;
do {
    console.log(i);
    i++;
} while (i < 10);

Im obigen Beispiel ist der Anfangswert der Variablen i 0, und dann wird der Codeblock einmal ausgeführt und die Bedingung erfüllt i<10 ist erfüllt. Der Codeblock wird wiederholt ausgeführt und jedes Mal um 1 erhöht, bis der Wert von i größer oder gleich 10 ist.

3. Ereignisbindung

Ereignisbindung ist auch eine häufig verwendete Technik zur Steuerung von Methodenaufrufen, die bestimmten Code ausführen kann, wenn ein bestimmtes Ereignis auftritt. Zu den häufigsten Ereignissen in JavaScript gehören Mausereignisse, Tastaturereignisse, Formularereignisse usw.

Es gibt viele Möglichkeiten, Ereignisse zu binden, darunter die direkte Bindung, die Verwendung von Ereignisdelegation, die Verwendung von Bibliotheken von Drittanbietern usw.

1. Direkte Bindung

Direkte Bindung ist die gebräuchlichste Ereignisbindungsmethode, die in HTML-Elementen oder über JavaScript implementiert werden kann. Seine Syntaxstruktur ist wie folgt:

element.addEventListener(event, function, useCapture);

Das Folgende ist ein einfaches Beispiel für die Ereignisbindung:

var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
    alert("Hello world!");
});

Wenn der Benutzer im obigen Beispiel auf das Element mit der ID btn klickt, wird ein Eingabeaufforderungsfeld mit der Meldung „Hallo Welt“ angezeigt !".

2. Ereignisdelegation

Die Ereignisdelegation ist eine effiziente Möglichkeit der Ereignisbindung, mit der ein Ereignis an das Containerelement statt an jedes untergeordnete Element gebunden werden kann. Wenn ein untergeordnetes Element ein Ereignis auslöst, wird das Ereignis zum Containerelement weitergeleitet und führt den entsprechenden Code aus. Die Syntaxstruktur lautet wie folgt:

container.addEventListener(eventType, function(event) {
  if (event.target.matches(selector)) {
    // 执行代码块
  }
});

Das Folgende ist ein einfaches Beispiel für die Ereignisdelegierung:

var list = document.getElementById("list");
list.addEventListener("click", function(event) {
    if (event.target.nodeName === "LI") {
        alert(event.target.innerHTML);
    }
});

Wenn der Benutzer im obigen Beispiel auf das Containerelement mit der ID der Liste klickt, wird beurteilt, ob es sich um das angeklickte Zielelement handelt Wenn dies der Fall ist, wird ein Eingabeaufforderungsfeld angezeigt, in dem der entsprechende Textinhalt angezeigt wird.

4. Zusammenfassung

Zu den Techniken zum Aufrufen von Kontrollmethoden in JavaScript gehören bedingte Anweisungen, Schleifenanweisungen, Ereignisbindung und andere Methoden. Wir können geeignete Methoden auswählen, um Methodenaufrufe entsprechend unterschiedlichen Anforderungen zu steuern und so aufregendere interaktive Effekte zu erzielen.

In der tatsächlichen Entwicklung müssen wir je nach Situation geeignete Techniken auswählen und verschiedene Methoden flexibel einsetzen, um die erforderlichen Funktionen zu erreichen. Gleichzeitig müssen Sie auch darauf achten, die Anzahl und Häufigkeit von Methodenaufrufen zu kontrollieren, um eine Beeinträchtigung der Webseitenleistung und des Benutzererlebnisses zu vermeiden.

Das obige ist der detaillierte Inhalt vonAufruf der Javascript-Steuerungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!