Warum benötigen Event-Handler in JavaScript-Schleifen Abschlüsse?

Ereignishandler in JavaScript-Schleifen: Die Notwendigkeit von Abschlüssen

In JavaScript kann es bei der Arbeit mit Ereignishandlern innerhalb von Schleifen erforderlich sein Implementieren Sie Abschlüsse, um eine ordnungsgemäße Parameterübergabe sicherzustellen. Betrachten Sie den folgenden Code:

<code class="javascript">for (var i = 0; i < blah.length; i++) {
  var select = document.createElement('select');
  select.onchange = function() {
    onStatusChanged(select, callid, anotherid);
  };
}

Wenn in diesem Szenario das onchange-Ereignis ausgelöst wird, sind die an onStatusChanged() übergebenen Werte in allen Elemente, obwohl callid und anotherid für jede Iteration der Schleife unterschiedliche Werte haben sollten.

Dies geschieht, weil JavaScript-Ereignishandler Abschlüsse erstellen und die Verweise auf callid und anotherid innerhalb der Funktion auf den Endwert verweisen nachdem die Schleife abgeschlossen ist. Um dieses Problem zu lösen, ist ein Abschluss erforderlich, um die aktuellen Werte der Parameter während jeder Iteration zu erfassen.

Abschlüsse für die Parameterübergabe implementieren

Um die Werte der zu kopieren Parameter während jeder Iteration implementieren Sie einen Abschluss wie folgt:

<code class="javascript">for (var i = 0; i < blah.length; i++) {
  var select = document.createElement('select');
  select.onchange = function(s, c, a) {
    return function() {
      onStatusChanged(s, c, a);
    };
  }(select, callid, anotherid);
}

In diesem aktualisierten Code:

• Ein Abschluss wird mithilfe der selbstausführenden Funktion return function() { } erstellt.
• Die Event-Handler-Funktion akzeptiert drei Argumente als Parameter: s (das

-Element), c (die aktuelle Callid) und a (die aktuelle Anotherid)

Der Abschluss ruft sofort auf die Funktion und übergibt die aktuellen Werte von s, c und a

Wenn das onchange-Ereignis ausgelöst wird, werden die Abschlüsse ausgeführt, um sicherzustellen, dass onStatusChanged() die richtigen Werte für jeden erhält. Iteration des Elements.

Das obige ist der detaillierte Inhalt vonWarum benötigen Event-Handler in JavaScript-Schleifen Abschlüsse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript for select using Event copy function this issue

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：Wie kann ich den Inhalt eines Div mit jQuery ändern?Nächster Artikel：Wie kann ich den Inhalt eines Div mit jQuery ändern?

In Verbindung stehende Artikel

Mehr sehen

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse

• Heim

• Kurs

• Fragen und Antworten

• Mein

• Heim
• Kurs
• Artikel
• Fragen und Antworten
• Wörterbuch
• Handbuch
• Herunterladen
• Thema

Heim

Artikel

Fragen und Antworten

Kurs

Thema

Herunterladen

Spiel

Wörterbuch

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）