Existen básicamente 2 tipos de funciones:
Function declaration y function expression.
En el caso de las function declaration se pueden declarar en cualquier parte dentro de un mismo bloque padre, en este caso es el script completo.
Estas son las que utilizan la siguiente sintaxis.
function nombre(){.....}
En el caso de las function expression para poder utilizarlas es necesario declararlas antes, esto es sencillamente porque se ponen dentro de una variable y las variables deben estar declaradas previamente para poder ser utilizadas posteriormente.
Estas son las que utilizan las siguientes sintaxis:
const funcion1 = ()=>{.....}
o
const funcion2 = function(){.....}
Dicho esto, lo que está sucediendo con tu código es lo siguiente:
En este caso saludar es del tipo expression por lo que al no estar definida antes te devuelve el error que mencionas.
saludar('Juan',24) //Ejecuto la función saludar antes de ser declarada
const saludar = (nombre, edad) => {
console.log(`Hola ${nombre} tienes ${edad} años`)
}
// Resultado = Cannot access 'saludar' before initialization
En este otro caso lo que sucede es que declaras ejecutar
del tipo expression
que utiliza saludar
, luego declaras saludar y finalmente invocas a la función Ejecutar. Como saludar está declarada en el código antes de llamar a Ejecutar esto funciona correctamente. Para probar esto podrías poner Ejecutar antes de la declaración de saludar y obtendrás nuevamente el error.
const Ejecutar = () => {
saludar('Juan', 24) //Ejecuto la función saludar antes de ser declarada pero dentro de
otra función.
}
const saludar = (nombre, edad) => {
console.log(`Hola ${nombre} tienes ${edad} años`)
}
Ejecutar()
//Resultado: Hola Juan tienes 24 años
Dejo documentación con información útil sobre hoisting, te ayudará a comprender mejor.
https://developer.mozilla.org/es/docs/Glossary/Hoisting
Por último para resolver el primer caso sencillamente podrías reemplazar saludar por una función del tipo declaration.
Quedaría algo así:
saludar('Juan',24) //Ejecuto la función saludar antes de ser declarada
function saludar(nombre, edad) {
console.log(`Hola ${nombre} tienes ${edad} años`)
}
// Resultado = Hola Juan tienes 24 años
Ejecutar()
ya el intérprete dejavascript
sabe cuál es la función saludar, porque justo llamas a la función después de declarar asaludar.