DEV Community

Cover image for Funciones JavaScript
Greedyboy
Greedyboy

Posted on

Funciones JavaScript

Antes de comenzar:

Una de las cosas que nos encontramos al aprender JavaScript son las Funciones, en esta guía que esta basada en la guía de w3 schools. Aprenderas lo principal sobre las funciones.

Funciones JavaScript

Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.

Una función de JavaScript se ejecuta cuando "algo" la invoca (la llama).

function myFunction(p1, p2) {
  return p1 * p2;   // La función retorna el producto entre p1 y p2
}
Enter fullscreen mode Exit fullscreen mode

Sintaxis de funciones de JavaScript

Una función de JavaScript se define con la functionpalabra clave, seguida de un nombre , seguido de paréntesis () .

Los nombres de funciones pueden contener letras, dígitos, subrayados y signos de dólar (las mismas reglas que las variables).

Los paréntesis pueden incluir nombres de parámetros separados por comas:

** ( parámetro1, parámetro2, ... ) **

El código a ejecutar, por la función, se coloca entre llaves: {}

function name(parameter1, parameter2, parameter3) {
  // Código a ser ejecutado
}
Enter fullscreen mode Exit fullscreen mode

Los parámetros de la función se enumeran entre paréntesis () en la definición de la función.

Los argumentos de la función son los valores que recibe la función cuando se invoca.

Dentro de la función, los argumentos (los parámetros) se comportan como variables locales.

Una función es muy similar a un procedimiento o una subrutina, en otros lenguajes de programación.

Invocación de una Función

El código dentro de la función se ejecutará cuando "algo" invoca (llama) a la función:

  • Cuando ocurre un evento (cuando un usuario hace clic en un botón)
  • Cuando se invoca (llama) desde el código JavaScript
  • Automáticamente (autoinvocado)

Retorno de Función

Cuando JavaScript llega a una return declaración, la función dejará de ejecutarse.

Si la función fue invocada desde una declaración, JavaScript "regresará" para ejecutar el código después de la declaración de invocación.

Las funciones a menudo calculan un valor de retorno . El valor de retorno se "devuelve" al "llamador":

var x = myFunction(4, 3);   

function myFunction(a, b) {
  return a * b;            
}

Enter fullscreen mode Exit fullscreen mode

El resultado en x será

12
Enter fullscreen mode Exit fullscreen mode

¿Por qué funciones?

Puede reutilizar el código: defina el código una vez y utilícelo muchas veces.

Puede usar el mismo código muchas veces con diferentes argumentos para producir resultados diferentes

Se subirá mas contenido con respecto a JavaScript, puedes aprender mas siguiendo la guía que proporciona la w3schools.

Top comments (1)

Collapse
 
junix7 profile image
Junix

w3schools <3