Funciones en JavaScript (Primera Parte)

Dave Victoria
Nov 5 · 4 min read

Las funciones son super importantes en la programación, la mayor parte del tiempo las usarás, tienen muchísimas utilidades, podemos reestructurar un programa grande, nos ayuda a evitar escribir el mismo código una y otra vez, etc…

Imagina que quieres llamarle a alguien y debes marcar su número, esto lo haces varias veces y para no estar marcando a cada rato ese número, lo que haces es guardarlo en tu directorio de contactos, lo que estas haciendo, es optimizar la forma de marcar, en este caso, ya no tienes que escribir todo el número, si no solo seleccionar el contacto y listo, la marcación es automática

Las funciones son exactamente iguales, lo que hacen es optimizarnos, nos ayudan a encerrar cierto código en un bloque, para después volver a utilizarlo sin tener que reescribir ese código.

Para crear una función, debemos crear una expresión con la palabra clave function, esta a la vez puede recibir o no parámetros y seguido de estos empieza el cuerpo de la función el cual se pondrá dentro de llaves {}, dentro de el cuerpo definiremos si la función regresará un valor o no.

Veamos algunos ejemplos:

Esta función recibe parámetros, pero no regresa un valor
Esta función no recibe parámetros, pero regresa un valor
Esta función recibe parámetros y regresa un valor
Esta función no recibe parámetros y no regresa valores

Podemos notar que los parámetros de la función son como enlaces al valor que el usuario define al mandar llamar a la función.

Scopes

En la programación las variables tienen un alcance, cuando podemos acceder a una variable en cualquier parte del programa, se dice que el alcance de la variable es global, en cambio, hay variables las cuales solo pueden ser accedidas en ciertos bloques del código, en el caso de las funciones, las variables solo viven dentro del bloque de la función, aunque JavaScript tiene algo peculiar, antes que llegara ES5, las variables se declaraban con la palabra reservada var, donde las variables siempre serían globales, al llegar ES5, llega consigo let, el cual define una variable dándole un scope restringido, al decir restringido, me refiero a que la variable vive solo en el bloque donde se crea.

La variable es global, por lo tanto, podemos acceder a ella aun afuera del bloque
La variable no es global, por lo tanto, no podemos acceder a ella afuera del bloque

Nota: Podemos declarar una función con otra notación, la cual es más corta y fácil de escribir, te muestro cual sería

Arrow Functions (Funciones de flecha)

Existe otra manera de escribir una función (es la que más uso yo), esta es la arrow function, como su nombre lo dice, utilizamos una flecha al momento de escribirla (=>), la forma de declararla es sumamente fácil

Es importante mencionar que cuando la arrow function no recibe parámetros los paréntesis deben ser escritos y también hay que saber que si la función no tiene mas que una linea de código en el cuerpo no es necesario usar las llaves

Nota: En caso de que la función solo tenga un parámetro puede ser puesto sin los paréntesis

Hasta aquí la primera parte,muchos me han pedido que también haga videos acerca de esto y bueno, les tomaré la palabra, la segunda parte de esta sección vendrá en video y de ahí en adelante, será de esta manera, haré una pequeña explicación escrita y un video en cada tema para que tengan un mejor aprendizaje.

Agradezco a mis amigos de Raccons, GDG IPN y Facebook Developer Circle: Ciudad de México, por permitirme compartir este conocimiento en sus comunidades y así ayudarnos a crecer entre todos… Saludos!!!

Estudia todo lo que llevamos hasta el ahora y HAPPY CODING!!!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade