Aufruf von Funktionen innerhalb von Schleifen und Methoden nicht erforderlich()?

Question

Warum muss ich () nicht verwenden, um eine Funktion innerhalb einer 'for' Schleife oder innerhalb einer '.addEventListener()' Methode aufzurufen? Zum Beispiel:

function activitiesReset() 
    {activitiesLegend.style = ''; 
} 

for (var i=0; i<checkboxes.length; i++) { 
    checkboxes[i].addEventListener('change', activitiesReset); 
} 

Im addEventListener Methode habe ich versucht, zuerst meine Funktion wie activitiesReset() nennen, aber das hat nicht funktioniert. Entfernen der () vom Ende der Funktion funktionierte.

Warum ist das?

Answer 1

checkboxes[i].addEventListener('change', activitiesReset) ruft nicht activitiesReset. Es wird activitiesReset als Argument übergeben. activitiesReset ist eine Funktion selbst; activitiesReset() ist ein Aufruf einer Funktion, die ihren Rückgabewert auswertet. Sie möchten den Ereignis-Listener auf Ihre Funktion setzen, nicht auf undefined (was das Ergebnis des Aufrufs Ihrer Funktion ist).

Der Schlüssel zum Verständnis ist die Tatsache, dass Funktionen in JavaScript auch Werte sind, genauso wie Zahlen oder Strings oder Objekte. (In der Tat, sie sind eine spezielle Art von Objekt.)

var adderFuncValue = function(x, y) { return x + y; }; 
function multiplierFuncValue(x, y) { return x * y; }; 

function callFuncWithTwoParams(func, p1, p2) { 
    func(p1, p2); 
} 

callFuncWithTwoParams(adderFuncValue, 3, 5); // 8 
callFuncWithTwoParams(multiplierFuncValue, 2, 3); // 6 
var someFunc = adderFuncValue; 
someFunc(7, 8); // 15 

So wie ich funktionelle Werte in callFuncWithTwoParams bin vorbei, Sie übergeben einen funktionalen Wert in addEventListener. Der Browser merkt sich diese Funktion und verknüpft sie mit dem Ereignis change und ruft sie später auf.