Hay algo que no he logrado entender, porque algunas funciones se llaman con los paréntesis (), y porque simplemente las otras no. o sea n...

En ocasiones depende el uso que les estás dando, por ejemplo hay una funciones de JavaScript llamada Higher Order Functions que en realidad reciben otra función, la primera función se encargará de ejecutar la que nosotros le pasemos.

Por ejemplo, la función

es un HOF, esto quiere decir que la misma función se encargará de ejecutar la que nosotros le pasemos, se puede hacer de las siguientes tres maneras:

[1, 2, 3].map((number) => {
	console.log(number)
})

[1, 2, 3].map(function (number) {
	console.log(number)
})

[1, 2, 3].map(console.log)

Las tres tendrán el mismo resultado porque map se encargará de ejecutarlas y como puedes ver, nosotros podemos ejecutarlas explícitamente como en los ejemplos 1 y 2, o podemos dejarlo implícito como en el ejemplo 3.

Ok entiendo, pero puedes aclararme lo siguiente:

setTimeout(this.siguienteNivel, 600); --> hice un debug, y this es nuestra clase Juego,

setTimeout( ()=>{ this.siguienteNivel(); //funciona sin problemas }, 500); ---> con arrow function, this sigue siendo nuestra clase Juego

setTimeout( function(){ this.siguienteNivel(); //Uncaught TypeError: this.siguienteNivel is not a function, y si quito los parentesis no generar error y this toma otro valor }, 500); ---> this ya es el objeto Window y no se ejecuta siguienteNivel.

Disculpa que te haga nuevamente esta pregunta, pero la verdad aquí no logro entender, por que uso tres variantes de las cuales estamos usando en todo el curso, pero veo que ocurre algo con el this, dependiendo del modo que use el setTimeou.

La diferencia es que cuando se usa el paréntesis () se ejecuta la función y cuando no se usan los paréntesis () se está haciendo referencia a la función (como un objeto o una variable).

• funciónEjemplo (); --> Se ejecuta

• funciónEjemplo --> Referencia