Closure aktiviert beim Laden, nicht Kontrollkästchen ändern

Question

Ich versuche, ein onchange-Ereignis an ein Kontrollkästchen von js angehängt.

Ich habe endlich die Schließung in einer for-Schleife arbeiten, aber jetzt aktiviert es auf Last statt auf Änderung.

Warum ist das?

https://jsfiddle.net/dkrh587h/2/

chkbox.addEventListener("change", (function(newVarA, newVarB, newVarC, newVarD) { 
    searchMap(newVarA, newVarB, newVarC, newVarD); 
    }(gblStatus, "Status", statuser, chkbox.checked)), false); 

Answer 1

Dies liegt daran, dass Sie die Funktion aufgerufen wird mit der zusätzlichen Klammern zu addEventListener als zweites Argument übergeben wird.

Dies wird manchmal als eine self-executing Funktion:

function() { 
    // will get invoked immediately 
}(); 

Variablen wie statuser werden wegen der Schließung in Ihrer Callback verfügbar sein (vorausgesetzt, sie innerhalb eines funktionsGültigkeitsBereich deklariert werden, dass Ihr geschrieben Code „umschließt“).

sollte ein Muster wie das funktioniert:

var statuser = 'my user'; // will be available in your callback 
chkbox.addEventListener("change", function() { 
    searchMap(gblStatus, "Status", statuser, chkbox.checked); 
}, false);