He visto que, aparte de la simpleza sintáctica, la sintaxis de funciones flecha permite conservar el contexto del this
que está llamando a la función sin generar un nuevo contexto dentro de ella.
Pero ¿Qué pasa cuando sí necesito el contexto dentro de la función que estoy llamando? ¿Significa que el uso de las funciones flecha debe evaluarse caso a caso para ver si no se romperá nada?
Por ejemplo, en este caso, el click en un elemento #clickme2 no funcionaría:
jQuery('#clickme1').on('click',function() {
console.log('Se ha pinchado: ',jQuery(this).attr('id'));
});
jQuery('#clickme2').on('click',() => {
console.log('Se ha pinchado: ',jQuery(this).attr('id'));
});
.misdivs {
padding:5px;
margin:5px;
border:1px solid green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="misdivs" id="clickme1">Soy el div clickme</div>
<div class="misdivs" id="clickme2">Soy el div clickme2</div>