Ratgeber: Wiederholt geöffnete Ansichten dürfen nicht immer neue Klickhandler behalten

Ein Klick und drei Rückmeldungen

Eine Ansicht wird mehrmals geöffnet. Danach erzeugt ein einziger Knopfdruck mehrere Meldungen oder startet denselben Auftrag mehrfach. Eine mögliche Ursache sind wiederholt hinzugefügte Ereignisbehandler. MDN erklärt bei addEventListener, dass neu erzeugte anonyme Funktionen unterschiedliche Funktionsobjekte sind, auch wenn ihr Text gleich aussieht. Eine erneute Registrierung ist deshalb nicht automatisch dieselbe bereits vorhandene Registrierung.

Den Lebenszyklus einer Ansicht nachzeichnen

Notiere, wann die Ansicht erzeugt, eingeblendet, geschlossen und tatsächlich entfernt wird. Prüfe anschließend, an welcher Stelle der betreffende Handler angemeldet wird. Ein Container, der nur unsichtbar wird, kann seine bisherigen Behandler behalten. Eine neue Funktion bei jedem Öffnen kann dann zusätzlich reagieren. Teste mit einer kleinen ungefährlichen Aktion in einer Entwicklungsumgebung. Verwende dafür keine echten Bestellungen oder Nachrichten, deren doppelte Ausführung bereits Folgen hätte.

Registrierung und Aufräumen zusammen planen

Lege einen nachvollziehbaren Besitzer für den Handler fest. Er soll entweder einmal für die Lebensdauer des Elements registriert oder bei der passenden Aufräumphase gezielt entfernt werden. Dazu muss der tatsächliche Funktionsbezug beziehungsweise eine geeignete dokumentierte Abbruchverwaltung erhalten bleiben. Ein nachträglich gesetztes einmalig-Flag an irgendeiner anderen Stelle kann einen unklaren Lebenszyklus nur verdecken. Bei fachlichen Schreibvorgängen braucht das Backend zusätzlich einen Schutz gegen doppelte Verarbeitung.

Einen wiederholbaren Gegenversuch durchführen

Öffne und schließe die Ansicht mehrfach und führe danach genau eine Aktion aus. Prüfe Zahl der tatsächlichen Aufrufe und den gespeicherten Zustand. Eine einzige sichtbare Meldung beweist nicht, dass im Hintergrund nur ein Request gesendet wurde. Kontrolliere deshalb beides. Wiederhole den Ablauf nach einer Navigation zu einer anderen Seite. Ein erfolgreicher Test belegt die geprüfte Ansicht und ihren Lebenszyklus. Er ist kein Nachweis, dass alle Handler der gesamten Anwendung automatisch korrekt aufgeräumt werden. Eine klar dokumentierte Zuständigkeit erleichtert spätere Änderungen erheblich.

Nimm auch das erneute Öffnen derselben Ansicht in die Probe auf. Eine einzelne Benutzerhandlung soll weiterhin genau die beabsichtigte Reaktion auslösen. Mehrere identische Meldungen können auf mehrfach eingerichtete Listener hinweisen; prüfe dafür den konkreten Lebenszyklus, statt weitere Verzögerungen darüberzulegen.