FUNCIONES EN JavaScript
Definición: Una función es un bloque de código agrupado que define un comportamiento que puede ser invocado las
veces que sea necesario.
Cuando una serie de instrucciones se repiten una y otra vez, el código fuente de la aplicación se puede complicar ya
que el algoritmo puede quedar demasiado largo, por otra parte; al hacer una modificación a una de las instrucciones
repetidas, de igual forma habrá que modificar cada una las veces que se repite.
Las funciones son la solución a todos estos problemas, tanto en JavaScript como en el resto de lenguajes de
programación.
Sintaxis de una función en JavaScript
Función sin parámetros Función con parámetros
function NombreFuncion(){ function NombreFuncion(parametro1,parametro2){
instrucciones instrucciones
} }
NombreFuncion(); NombreFuncion(varParametro1,varParametro2);
Una función sin parámetros es aquella que no Una función con parámetros es aquella que requiere información o
requiere de ninguna información de entrada valores de entrada para realizar sus cálculos o ejecutarse arrojando
para ejecutarse o realizar sus cálculos. algún resultado, estos valores pueden ser capturados en una o más
variables para posteriormente pasarlos como parámetros a la
función invocada.
Una función puede tener tantos parámetros como se quiera, pero lo
más recomendable es que no supere los 5.
Ejemplo de una función sin parámetros:
Se desea realizar un programa que muestre un mensaje tres veces
Solución: Resultado en el navegador:
Explicación del código de la función sin parámetros:
LÍNEA EXPLICACIÓN
10. En esta línea se declara la función de nombre RepetirMensaje sin parámetros ya que dentro del paréntesis
Nos puedes encontrar en: [Link]
queda vacío, mientras que la llave que abre { indica el inicio de la función.
11-12 Instrucciones a ejecutarse en la función, para este caso solo son dos mensajes.
13 La llave que cierra } indica el final de la función.
15-17 En estas líneas se invoca a la función, como puedes ver se invoca tres veces para que se ejecute tres veces y
el mensaje se visualice tres veces.
Ejemplo de una función con parámetros:
Se desea realizar un programa que solicite dos números y muestre la suma de ellos
Solución: Resultado en el navegador:
Inicialmente la página pide
ingresar el primer número y
luego el segundo, en este
ejemplo se digito 4 y luego 4,
como resultado muestra:
Explicación del código de la función con parámetros:
LÍNEA EXPLICACIÓN
10. En esta línea se declara la función de nombre sumar donde sus parámetros son (n1,n2) y se abre con la {
11. Se declara la variable de nombre rsuma
12. en la variable rsuma se asigna el resultado de la suma de los dos números que serían los parámetros n1+n2
13. Se imprime el resultado que obtuvo rsuma acompañado de un mensaje textual
14. Cierre de la función con la }
16. Se declaran las variables num1 y num2 para en ellas almacenar los números que digite el usuario
17-18. Se asigna a num1 y num2 los números digitados por el usuario respectivamente
19-20. parseInt es una función de alto nivel interna de JavaScript, es usada para en este caso definir o pasar el
carácter o caracteres digitados por el usuario a número entero.
22. sumar(num1,num2); Finalmente se invoca a la función sumar, indicándole que los parámetros serán los
valores obtenidos del usuario y almacenados en las variables num1 y num2, para que esta se ejecute con
dichos valores y muestre el resultado de la suma de ellos.
Nos puedes encontrar en: [Link]