Mi código devuelve una matriz vacía desde main y luego [foo,bar,baz] en el registro de la consola después de llamar a main. ¿No se cambió la matriz original dentro de main? Cuando elimino la función arr, ambos registros de la consola devuelven una matriz vacía. ¿Es porque la función arr es una devolución de llamada para la consola? Si alguien pudiera explicar por qué la función arr está afectando la salida, sería genial, gracias.
let arr = ['foo', 'bar', 'baz']; function main() { arr = []; function arr() { const result= 8 return result; } console.log(arr); } main(); console.log(arr);Creó otra variable llamada arr dentro de la función, por lo que todas las referencias a arr dentro de la función se refieren a esa nueva variable (que solo tiene el alcance de la función), y el arr externo permanece sin cambios. Su código es equivalente a
let arr = ['foo', 'bar', 'baz']; function main() { // new variable for this scope: let arr; // function declaration is hoisted: arr = function arr() { const result = 8 return result; } // assignment runs: arr = []; console.log(arr); } main(); // but arr outside remains unchanged because it's a different binding console.log(arr); Esta es una de las razones por las que es importante dar nombres significativos a las variables. Una función no es una matriz, por lo que probablemente no debería llamarse arr a menos que esté tratando deliberadamente de confundir a los lectores del código.
También puede ayudar a evitar cometer este tipo de error utilizando la regla ESLint no-shadow , que evita que las variables de ámbito interno tengan el mismo nombre que una variable de ámbito externo.