no detectada RangeError: El tamaño máximo de pila de llamadas superado, JavaScript

Question

tengo 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 
    } 

Lo que estoy haciendo mal? Sin este clic, el oyente del evento funciona bien. ¿Y qué está haciendo el tercer parámetro (verdadero | falso)? Gracias.

Answer 1

Está llamando a la función close en el addEventListener y removeEventListener cuando se está tratando de pasar es como un argumento (que causa un bucle infinito). En su lugar debe simplemente pasar la referencia a la función de la siguiente manera:

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

Y:

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

Answer 2

O puede que tenga dos funciones Javascript con el mismo nombre.