Estoy empezando a estudiar javascript. y cierre.

Conocí el ejemplo a continuación.

 var tabs = document.querySelectorAll('.tab'); function tabsHandler(index) { return function tabClickEvent(event) { console.log(index); }; } for (var i = 0; i < tabs.length; i += 1) { tabs[i].onclick = tabsHandler(i); }

Y tenía curiosidad por saber qué pasaría si no hubiera ninguna función en el interior.
como esto

 function tabsHandler(index) { console.log(index); }

Así que ni siquiera hice clic en él, pero todo estaba impreso.
E intenté muchos cambios para resolverlo. como esto.

 for (var i = 0; i < tabs.length; i += 1) { tabs[i].onclick = (i) => console.log(i) }

Ahora que he hecho esto, se llama Pointer Event. es la primera vez que lo veo
y no lo sé y ni siquiera puedo adivinar cómo salió.

PointerEvent console.log foto

entonces mi pregunta es

1. ¿Por qué debería tener que usar "return"?
2. Si no escribo "return", ¿por qué se ignora "onclick"?
3. ¿Por qué salió el PointerEvent?

Gracias por leerlo.