Tengo un botón que, cuando se presiona, debe llamar a una función que llama a otra función. esto está dentro de una clase.
class cat{ constructor(){ this.event_listener(); } log_2(){ console.log("cat 2"); } log_1(){ console.log("cat 1"); this.log_2(); } event_listener(){ document.getElementById("cat_button").addEventListener("click", this.log_1); } } let cat1 = new cat();La primera función, this.log_1(), se llama cuando se presiona el botón y genera "cat 1" como se esperaba, pero luego aparece el error
this.log_2 is not a functionaparece en la consola, aunque log_2() está definido dentro de la clase. ¿Cómo puedo estructurar esto para que log_2() se reconozca como una función?
this es lo que se llama la función. En este caso, un evento llamó a la función, por lo this refiere al evento.
Lo que querrá hacer es vincular el método antes de usarlo como referencia. Ahora this se referirá a la instancia de la clase.
event_listener(){ this.log_1 = this.log_1.bind(this) document.getElementById("cat_button").addEventListener("click", this.log_1); }