Funciones JS

Guardar en PDF

 

Introducción

Cuando hacemos un programa hacemos procesos que suelen ser realizados repetidas veces a lo largo de la ejecución del programa. Estos procesos se pueden agrupar en una función, definida para que no tengamos que repetir una y otra vez ese código en nuestros scripts, sino que simplemente llamamos a la función y ella se encarga de hacer todo lo que debe.

Pongamos un ejemplo, imaginemos que queremos realizar una función que sume dos números que le enviemos en los parámetros.

  1. function sumar(a,b){
  2.   let resultado = a + b;
  3.   return resultado
  4. }

En este caso podemos ver como la función tiene dos parametros de entrada a y b y retorna el resultado con return.
Por lo que si llamamos a la función:

  1. res = sumar(23,43);

Los parámetos de entrada y el retorno son opcionales dependiendo de lo que queramos hacer.
Ejemplo de Función sin parámetros y sin retorno:

  1. function alerta(){
  2.      alert(‘esto es un mensaje de alerta‘);
  3. }

Por lo que si llamamos a la funcion alerta() en el código lanzará una ventana emergente con el mensaje.
Ejemplo Función con parámetros y sin retorno:

  1. funcion imprimeResultado(a,b,c){
  2.    res = a + b + c;
  3.    document.write(res);
  4. }

y imprimirá en la pantalla el resultado de la suma de los tres números.
Ejemplo Función con parámetros y retorno:

  1. function calculaIva(precio){
  2.    let res = precio * 1.21;
  3.    return res;
  4.  
  5. }

Ahora la función no solo calcula el valor si no que nos retorna el resultado.

  1. precioConIva = calculaIva(258);

Video Funciones

Ver en Vimeo

Tipos de funciones en JS

En JavaScript, existen varios tipos de funciones. Funciones declaradas, estas son las que acabamos de ver.Son aquellas que se definen con la palabra clave "function" y tienen un nombre. Por ejemplo:

  1. function suma(a, b) {
  2.   return a + b;
  3. }

Funciones de flecha: son una forma más concisa de escribir funciones en JavaScript. Se definen con la palabra clave "const" seguida de una lista de parámetros y el símbolo "=>" y una expresión. Por ejemplo:

  1. const suma = (a, b) => a + b;

Funciones anónimas: son funciones sin nombre que se pueden asignar a una variable. Por ejemplo:

  1. const suma = function(a, b) {
  2.   return a + b;
  3. };

Ejercicio completa el código

Queremos realizar tres funciones, con operaciones matemáticas:
La primera sumara dos números que se le envian por parametro, la segunda realizara la resta y queremos hacer una tercera que realice el producto.
Completa el siguiente código donde ya se han realizado las dos primeras funciones y la ejecución de las tres.

  1.     //función suma:
  2.     function suma(numero1,numero2){
  3.         return numero1+numero2;
  4.     }
  5.    
  6.     //función resta:
  7.     function resta(numero1,numero2){
  8.         return numero1-numero2;
  9.     }
  10.  
  11.     //función producto
  12.  
  13.  
  14.     //ejecución
  15.  
  16.     console.log("La suma es:" + suma(32,32));
  17.     console.log("La resta es:" + resta(21,12));
¿Como harías para que el programa pida los números mediante una ventana emerjente?
Puedes usar el metodo Prompt.
Ejemplo: let numero1 = parseInt(prompt("Dame el primer número: "));
Autor: Antonio Otero