Detalles: Estoy tratando de crear un componente para la visualización de imágenes personalizado en material design lite basado en este archivo: [https://github.com/google/material-design-lite/blob/mdl-1.x/src/icon-toggle/icon-toggle.js][1] la idea que tengo es añadir la navegación como un subcomponente a travez de js. Cada punto indicador de la navegación tiene un evento clic que llamará un método que recibirá la posición del punto. Sin embargo, el ciclo for donde asigno el evento me regresa esto, al ejecutar el comando gulp: > Functions declared within loops referencing an outer scoped variable > may lead to confusing semantics. La forma en que lo mando llamar es la siguiente: for (var j = 0; j < dotsl.length; j++) { (function(dot, index) { dotsl[j].addEventListener('click', function(event) { console.log('hola mundo! ');//Todo remplazar por un metodo que recibe el index }); })(dotsl[j], j); //Comentarios // console.log('hola mundo! ' + dotsl[j]); // dotsl[j].addEventListener('click', function() { // console.log('hola mundo! '); // }); // (function(element, index) { // element.addEventListener('click', function(event, element2, index2) { // console.log('el index seleccionado es ' + index2); // }.bind(null, null, element, index)); // }).bind(null, dotsl[j], j); // dotsl[j].addEventListener('click', (function(event, context, slide) { // console.log('el index seleccionado es ' + slide); // })(null, this, j)); } Deje los comentarios para mostrar todo lo que había intentado con anterioridad.