JavaScript

• Ámbito de variables
• Funciones

Ámbito de variables

Solo escribimos las funciones una vez, (declaración de función).

Pero podemos utilizarlas tantas veces como necesitemos, (invocación de función).

Funciones

• Nombre de la función
• Lista de parámetros de la función envuelta entre paréntesis, ( ).
• El código que se va a ejecutar cuando se llame a la función, envuelto entre llaves, { }.

Definición de función

Ejemplo de función

🤷🏻‍♂️

Necesitas llamar a la función para ejecutar el código que contiene:

El valor de retorno por defecto de las funciones es undefined

Para poder verlo debemos hacer un console.log de la función.

Necesitas retornar un valor con return

1. return devuelve un valor.
2. return detiene la ejecución de la función en el punto en que se encuentra.

Asignar el valor de retorno a una variable.

Funciones declaradas vs funciones expresadas.

Las funciones declarativas en JavaScript son Alzadas.

Las funciones declaradas, las funciones expresadas y las funciones anónimas no son ideales cuando necesitas que el valor de this se mantenga.

This en JavaScript

Resultado inesperado con función anónima:

En la función anónima del foreach perdemos el contexto de this.

Solución con función flecha:

Las funciones de flecha no tienen su propio this y heredan el this del contexto en el que fueron definidas.

Solución con bind:

El método bind puede asegurar que this se refiera al objeto esperado.

Guardar el contexto en una variable

Puedes guardar el contexto de this en una variable antes de entrar en la función.