Funciones en JavaScript | Explicado para principiantes

JavaScript, como cualquier otro lenguaje de programación, nos ofrece funciones que son muy útiles, ya que las funciones nos brindan la capacidad de reutilizar nuestro código y el código se vuelve limpio y menos congestionado con la implementación de la modularidad.

Si eres un principiante en JavaScript, no te preocupes como en esta publicación, lo mantendremos de mano y te guiaremos paso a paso para hacerte las funciones domésticas en JavaScript.

Que es una función

Una función es una colección de declaraciones o comandos envueltos en un bloque, mantenido y mantenido por separado del programa principal para realizar alguna tarea específica. Las funciones son muy útiles, ya que un desarrollador puede reutilizar ese código una y otra vez sin necesidad de volver a escribir todo el código.

Ahora que sabemos qué es una función, pasemos por el sintaxis de una función:

función functionName (argumentos)
// Algunas declaraciones o código
devolver;

Se declara una función con la palabra clave función seguido del nombre de la función que debería ser única y es una buena práctica seguir la Convención de Naming Camelcase; La primera palabra estará en minúsculas y las palabras después de eso deberían tener la primera letra en mayúscula e.g myFunctionName. Justo después del nombre viene el paréntesis () donde se reciben los parámetros. Escribimos el código de función dentro de los soportes rizados que viene después del paréntesis (). Sin embargo, debe tenerse en cuenta que cuando está trabajando con clases en JavaScript, las funciones se definen sin la palabra clave función.

Abrimos y cerramos la función con soportes rizados y todo el código entra dentro de estos soportes rizados. La función toma la entrada como argumento y devuelve la salida a través de la palabra clave devolver. Por defecto, una función en JavaScript devuelve indefinido Si no hay nada que regresar.

Declaración y función de llamadas

Declaremos una función adecuada que mostrará una alerta sobre Hola!

función myFunc ()
alerta ("Hola!")

Ahora que hemos declarado las funciones con el nombre de myfunc Llamemos a la función que se puede hacer escribiendo el nombre de la función seguido de ():

función myFunc ()
alerta ("Hola!")

// función de llamada
myFunc ();

Veremos la siguiente salida en nuestro navegador:

Ejemplo 1

Ahora que sabemos cómo declarar y llamar a una función, jugemos con los argumentos de la función. En este ejemplo, proporcionaremos dos argumentos a la función y mostraremos su suma:

función myFunc (num1, num2)
consola.log (num1+num2);

// función de llamada
myfunc (2,3); // 5
myfunc (5,5); // 10

En el código anterior, primero, declaramos una función y la función respectiva está recibiendo dos parámetros. A continuación, consolamos registro agregando ambos números. Fuera de la función, invocamos myfunc dos veces proporcionando diferentes argumentos. El resultado de la salida se proporciona a continuación:

Ejemplo 2

En este ejemplo, cambiaremos un poco el código anterior al proporcionar valores predeterminados a los parámetros que significan si no se proporcionó ningún valor cuando se invocó la función, entonces se procesará el valor predeterminado. También devolveremos la suma en este ejemplo:

función myFunc (num1 = 1, num2 = 1)
return num1+num2;

// función de llamada
var sum = myFunc ();
consola.log (suma); // 2

El valor devuelto se almacena en la suma variable y consolamos registrar el valor de la variable de suma. Como no proporcionamos ningún valor cuando invocamos el myfunc función, por lo tanto, la función procesará los valores predeterminados que fueron 1 y 1 cuya suma será 2:

Conclusión

Una función es un conjunto de declaraciones juntas bajo un nombre específico dentro de los aparatos ortopédicos rizados que se ejecuta una vez que llamamos el nombre de la función con soportes redondos. Una función puede tomar múltiples argumentos como entrada y devolver una salida. Una función ayuda a reutilizar el mismo código y mejora la depuración y hace que nuestro código se vea limpio al ayudarnos a implementar el concepto de modularidad (una tarea específica está dentro de un bloque).

En esta publicación, primero, describimos qué es una función y cuál es su sintaxis. Luego declaramos y llamamos la función. Después de eso, proporcionamos ejemplos para comprender completamente el concepto de funciones en JavaScript.