12-Funciones en javascript

Una funcion es un bloque de codigo disenado para realizar una tarea particular

Cuando tenemos el mismo codigo repetido diversas veces, es una buena pratica crear una funcion que haga la tarea y llamar esa funcin cada vez que necessitamos de ejecutar ese codigo

Ejemplo de una funcion

// Función para calcular el producto de p1 y p2
function myFunction(p1, p2) {
  return p1 * p2;
}

---

Sintaxis de funciones en Javascript

Una funcion en javascript se define con la palabra clave function seguido de un nombre , seguido de paréntesis ()

Igual que las variables, las funciones en javasccript puden conter digitos, letras, guiones bajos y signos de dollar

Los parentisis pueden incluir nombres de parametros separados por comas

parametro1, parametro2, ...

ejemplo

El codigo que la funcion ejecuta se encuentra dentro de colchetes {}

        function name(parameter1, parameter2, parameter3) {
            // Aqu va el codigo que se ejecuta
          }
    

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

Los argumentos son los valores. recibida por la función cuando es invocada

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

---

...

Llamar una funcion

cuando se llama una funcion, el codigo que esta dentro de esa funcion se ejecuta en el momento de su llamada (invocacion)

¿Y cuando se llama una funcion?

• Cuando ocurre un evento (hacer clic en un buton)
• Cuando se llama desde el proprio codigo
• Automaticamente (autoinvocado)

---

Retorno de función

Cuando javascript alcanza un return la funcion deja de ejecutarse

Si la funcion se invoco desde una declaracion, Javascript retorna paraejecutar el codigo despues de la declaracion de invocacion

Las funciones suelen calcular un valor de retorno

el valor de retorno es regresso o llamador

ejemplo

     let x = myFunction(5, 3);   // Se llama a la función, el valor de retorno terminará en x
    
     function myFunction(a, b) {
       return a * b;             // La función devuelve el producto de a y b
     }

     
Resultado: 15
    

---

Porque debemos usar Funciones

Podemos reuderizar el codigo: escribimos el codigo una vez y lo utilizamos varias veces

ejemplo

La seguiente funcion converte grados Fahrenheit a celsius

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
  }
  document.getElementById("demo").innerHTML = toCelsius(77); 

  
Resultado: 25
    

---

El operador () invoca la función

Usando el ejemplo anterior, toCelsiusse refiere al objeto función, y toCelsius()se refiere al resultado de la función.

Acceder a una función sin () devolverá el objeto de función en lugar de el resultado de la función.

 function toCelsius(fahrenheit) {
     return (5/9) * (fahrenheit-32);
   }
   document.getElementById("demo").innerHTML = toCelsius; 

   
Resultado: function toCelsius(f) { return (5/9) * (f-32); }
   

---

Valores de variables utilizadas en funciones

Las funciones se pueden usar de igual modo que las variables

ejemplo

podemos usar una variable para almacenar el valor retornado

        let x = toCelsius(77);
        let text = "La temperatura es:" + x + " Celsius";

usando la funcion directamente, como un valor variable

let text = "La temperatura es:" + toCelsius(77) + " Celsius";   

---

Variables locales

Variables locales son variables declaradas dentro de una funcion

Estas variables solo son acecibles dentro de la funcion

ejemplo

// el código aquí NO puede usar name
function myFunction() {
  let name = "Pablo";
  // el código aquí puede usar name
}
// el código aquí NO puede usar name

---

NOTA ya que las variables locales solo se pueden usar dentro de la funcion, entonces podemos usar una variable con el mismo nombre en diferentes funciones

Las variables locales se crean cuando se inicia una función y se eliminan cuando se completa la función.

Ir al indice