Uncaught RangeError: Dimensione massima stack di chiamate superato, JavaScript

Question

Ho un problema

open: function($type) { 
      //Some code 
      document.getElementById($type).addEventListener("click", l.close($type), false); 
    }, 
    close: function($type) { 
      //There is some code too 
      document.getElementById($type).removeEventListener("click", l.close($type), false); 
      //^ Recursion & Uncaught RangeError: Maximum call stack size exceeded 
    } 

Quello che sto facendo di sbagliato? Senza questo listener di eventi click tutto funziona bene. E che cosa fa il terzo parametro (true | false)? Grazie.

Answer 1

Si sta chiamando la funzione close nello addEventListener e removeEventListener quando si tenta di passare come argomento (causando un ciclo infinito). Invece si dovrebbe semplicemente passare il riferimento alla funzione come segue:

document.getElementById($type).addEventListener("click", l.close, false); 

E:

document.getElementById($type).removeEventListener("click", l.close, false); 

Answer 2

Oppure si potrebbe avere due funzioni JavaScript con lo stesso nome.