JavaScript es un lenguaje de programación complejo que nos permite desarrollar para el frontend y el backend de la web por medio de distintos elementos. Las funciones de JavaScript son uno de estos elementos y entender cómo funcionan es fundamental para desarrollar códigos automáticos y eficaces. Por ello, en este post, te enseñaremos distintas maneras de escribir funciones en JavaScript con el fin de parametrizar aspectos de tu proyecto.
¿Qué son las funciones en JavaScript?
Las funciones en JavaScript son una manera de escribir una acción de la que obtendremos un resultado según ciertos parámetros. Como su nombre indica, las funciones nos permiten obtener un resultado en función de lo que definamos. Entonces, con este tipo de elemento, podemos definir unos valores in que pueden transformarse con la función para obtener un resultado out.
En JavaScript, tenemos dos tipos de funciones. Las funciones de tipo void son aquellas que, como su propio nombre indica, están vacías y no tienen parámetros in. Esto hace que las funciones no devuelvan nada, pues no tienen nada con lo que trabajar. Por ello, no estará presente la palabra clave return. Las demás funciones sí tienen contenido, por lo que nos devuelven algún elemento. Entonces podemos, por ejemplo, tener dos parámetros in, como nombre y empleo, que se transforman dentro de la función y nos devuelven como resultado un string.
Escribir funciones en JavaScript es muy útil para simplificar acciones que deben repetirse varias veces en un proyecto. Sin embargo, es recomendable usar funciones en toda línea de código que genere una acción porque, en el peor de los casos, solamente lo usamos una vez, la misma vez que programaríamos la acción sin ser función. Esto, aparte de funciones en JS, también nos ayuda a crear trozos de código más cortos, que siempre serán más manejables, tendrán menos errores y, además, serán menos costosos.
¿Cómo escribir funciones en JavaScript?
Existen dos maneras tradicionales para escribir funciones en JavaScript y, a continuación, te presentamos cada una de ellas:
Forma canónica de escribir funciones en JavaScript
Para escribir funciones en JavaScript de forma canónica, utilizamos la palabra clave function seguida de un espacio y, a continuación, el nombre de la función. Después de definir su nombre, escribimos entre paréntesis las variables o parámetros que queremos para dicha función. Después de esto, tendremos lo que sería el body de la función, introducido por las llaves { }.
En el siguiente código, te presentamos un ejemplo de este tipo de escritura para funciones en JavaScript:
function hello (name, surname = ‘Skywalker’) {
return ‘Hello ${name} ${surname}!’;
}
En la función en JavaScript anterior, llamada hello, introducimos las variables name y surname y obtenemos de vuelta el string que vemos al lado de la palabra clave return. Dentro de los paréntesis hemos definido que el surname siempre será «Skywalker». Sin embargo, al dejar la variable name vacía, le estamos diciendo que esta se definirá en función de lo que insertemos para dicha variable en nuestro comando console.log para las funciones en JS.
Escribir funciones en JavaScript por medio de variables
Otra manera de escribir funciones en JavaScript es por medio de las palabras clave que usamos para declarar variables. Entonces, en vez de utilizar la palabra clave function de función en JavaScript al inicio, podemos usar cualquiera de las palabras var, let y const. Después de esta palabra, insertamos el nombre de la función en JavaScript y le asignamos un valor function.
A partir de la asignación de este valor, el resto de las líneas de código funcionan de la misma manera que en la forma canónica. A continuación, te ponemos un ejemplo, usando las mismas variables del ejemplo anterior para las funciones en JavaScript:
const hello 2 = function (name, surname = ‘Skywalker’) {
return ‘Hello ${name} ${surname}!’;
}
Con estas líneas de código hemos definido que el nombre de la función será hello2 y hará lo mismo que la función hello. La diferencia es que, al elegir como declaración de variable la palabra const, hemos definido que esta función en JavaScript será inmutable. Esto quiere decir que no le podemos reasignar otro valor en otro momento del código.
¿Cómo usamos las funciones de JavaScript?
Para utilizar las funciones en JavaScript, basta con llamar a la función usando su nombre y determinar los valores de cada parámetro entre paréntesis. Entonces, supongamos que usaremos la función hello 2 y que queremos que nuestro resultado sea un string que diga ‘Hello Master Skywalker’. En este caso, llamaremos a la función JavaScript en una nueva línea de código e insertaremos el valor que deseamos para el parámetro name de funciones en JavaScript.
hello2 (‘Master’)
Recuerda que en nuestra función JavaScript ya está definido el valor del parámetro surname, por lo que no es necesario insertarlo en nuestra función JavaScript. Ahora, para saber cómo ejecutar esta función y hacer que este string se pinte en pantalla, te recomendamos leer nuestro post sobre cómo ejecutar una función en JavaScript.
¿Cuál es el siguiente paso?
Después de leer este post, no solo sabes cómo escribir funciones en JavaScript para parametrizar distintas acciones, sino que también has dado un paso en tu camino en el desarrollo con este lenguaje de programación. Ahora, el siguiente paso es dedicarte a profundizar en JavaScript y practicar su código en tus propios proyectos para convertirte en un experto de funciones en JS.
¡Keepcoding tiene el lugar perfecto para conseguirlo! En nuestro Desarrollo Web Full Stack Bootcamp aprenderás, entre muchas otras cosas, todo lo necesario para desarrollar con JavaScript y crearás tus propias líneas de código para demostrar tus conocimientos. ¿A qué esperas para dar este paso en tu camino para convertirte en desarrollador web? ¡No te pierdas esta oportunidad e inscríbete!
