Question

Hola, probando con el JSLint y haciendo fe de las buenas prácticas, me manda un error de que no puedo utilizar "loops" en las funciones, a lo que se me hace correcto, pero no se como hacer esta funcion sin un loop.

Alguna idea?

fixForFirefox = function () {
            var dragItems = document.querySelectorAll('[draggable=true]'),
                i;
            for (i = 0; i < dragItems.length; i + 1) {
                dragItems[i].addEventListener('dragstart', function (event) {
                    event.dataTransfer.setData('Text', this.id);
                }, false);

                dragItems[i].addEventListener('dragend', function (event) {
                });
            }
        },

Answer 1

Hola Porfirio,

lo que te debe decir JSLint es que no debés craer funciones dentro de un "loop", que no es lo mismo.

En tu caso, seguramente es por la declaración de las funciones anónimas function (event)

Podrías solucionarlo definiendo la función antes del bucle y luego usándola:

unaFuncion = function (event) {
                    event.dataTransfer.setData('Text', this.id);
                };
for (i = 0; i < dragItems.length; i + 1) {
                dragItems[i].addEventListener('dragstart', unaFuncion, false);
...

y lo mismo con la otra.

Saludos!

PD: no sé si es que estoy viejo, pero he notado en el último par de años un abuso de funciones anónimas en JavaScript, que dificultan la lectura del código y dan problemas de ámbito de variables como se puede ver en varias preguntas aquí mismo... cuando definir una función como toda la vida hubiera hecho evidentes estos problemas.