El siguiente código selecciona todos los elementos div y cambia su clase a 'test. ESLint se queja de la asignación a la propiedad del parámetro de función:
[...document.getElementsByTagName('div')].forEach(div => { div.className = 'test'; });Sin embargo, si cambio el parámetro ejecutando una función o método, no recibo ninguna queja. El siguiente código hace exactamente lo mismo que el código del que se queja, pero es menos eficiente y menos legible:
[...document.getElementsByTagName('div')].forEach(div => { div.classList.remove(...div.classList); div.classList.add('test'); });¿Por qué uno está bien pero el otro no?
La regla de reasignación sin parámetros de ESLint incluye la prohibición de la asignación de propiedades de argumentos de funciones. Pero tiene una opción de props que puede configurar en false si desea mantener la regla de manera más general, pero también le permite mutar los argumentos de la función sin reasignarlos.
Como explica la página de documentación, la regla existe porque reasignar (o mutar) los argumentos de la función también mutará el objeto de los arguments , lo que puede resultar confuso.
ESLint no tiene forma de saber si el método de un objeto va a mutar ese objeto, por lo que no puede fallar cuando llama a un método que muta un argumento de función.
En mi experiencia, este efecto secundario de mutar arguments rara vez es un problema, especialmente cuando solo estás mutando argumentos de función en lugar de reasignarlos. Lo que está haciendo en este ejemplo claramente no va a causar el tipo de problema con el que esta regla pretende ayudar.
Personalmente, esta es una regla que desactivo en mis proyectos.