Funciones JavaScript

Antes de comenzar:

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

Funciones JavaScript

Una funcin de JavaScript es un bloque de cdigo diseado para realizar una tarea en particular.

Una funcin de JavaScript se ejecuta cuando "algo" la invoca (la llama).

function myFunction(p1, p2) {  return p1 * p2;   // La funcin retorna el producto entre p1 y p2}

Sintaxis de funciones de JavaScript

Una funcin de JavaScript se define con la functionpalabra clave, seguida de un nombre , seguido de parntesis () .

Los nombres de funciones pueden contener letras, dgitos, subrayados y signos de dlar (las mismas reglas que las variables).

Los parntesis pueden incluir nombres de parmetros separados por comas:

** ( parmetro1, parmetro2, ... ) **

El cdigo a ejecutar, por la funcin, se coloca entre llaves: {}

function name(parameter1, parameter2, parameter3) {  // Cdigo a ser ejecutado}

Los parmetros de la funcin se enumeran entre parntesis () en la definicin de la funcin.

Los argumentos de la funcin son los valores que recibe la funcin cuando se invoca.

Dentro de la funcin, los argumentos (los parmetros) se comportan como variables locales.

Una funcin es muy similar a un procedimiento o una subrutina, en otros lenguajes de programacin.

Invocacin de una Funcin

El cdigo dentro de la funcin se ejecutar cuando "algo" invoca (llama) a la funcin:

• Cuando ocurre un evento (cuando un usuario hace clic en un botn)
• Cuando se invoca (llama) desde el cdigo JavaScript
• Automticamente (autoinvocado)

Retorno de Funcin

Cuando JavaScript llega a una return declaracin, la funcin dejar de ejecutarse.

Si la funcin fue invocada desde una declaracin, JavaScript "regresar" para ejecutar el cdigo despus de la declaracin de invocacin.

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;            }

El resultado en x ser

12

Por qu funciones?

Puede reutilizar el cdigo: defina el cdigo una vez y utilcelo muchas veces.

Puede usar el mismo cdigo muchas veces con diferentes argumentos para producir resultados diferentes

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