Zugriff auf Nebenfunktionen innerhalb einer selbstausführenden Funktion

Question

Ich habe das Gefühl, dass ich hier einen wirklich einfachen Fehler mache. Im Grunde versuche ich nur, auf eine Funktion von einer anderen Funktion innerhalb einer selbstausführenden Funktion zuzugreifen. Gibt es einen Grund, warum printConfirmation nicht angerufen wird? Es scheint, dass eventHandlers nicht richtig funktioniert.

(function(){ 

    var targetZone = document.getElementById('target-zone'); 

    var eventHandlers = function(){ 
    targetZone.addEventListener('click', printConfirmation); 
    }; 

    var printConfirmation = function(){ 
    targetZone = targetZone.classList; 
    targetZone.add('clicked'); 
    }; 

})(); 

Answer 1

Es ist ein Hebe Problem, wechseln Sie in Funktionsdeklarationen anstelle von Funktionsausdrücken und es wird funktionieren:

(function(){ 

    var targetZone = document.getElementById('target-zone'); 

    function eventHandlers(){ 
    targetZone.addEventListener('click', printConfirmation); 
    } 

    function printConfirmation(){ 
    targetZone = targetZone.classList; 
    targetZone.add('clicked'); 
    } 

    eventHandlers(); 
})(); 

Edit: Auch als Daniel wies darauf hin, Sie brauchen eigentlich eventHandlers()

nennen