Introdución a las funciones en JS

Introdución a las funciones en JS

Programar es una forma simple de darle instrucciones a la computadora.

En la Introducción aprendimos sobre las sentencias if / else.

Lo que queremos es aprender formas de indicarle a la computadora que realice tareas repetibles de forma eficiente.

Vamos a hacer un repaso breve - usa una sentencia if / else para controlar a que velocidad estás manejando.

1. Si la velocidad es mayor de 80, usá console.log para mostrar Bajá la velocidad.
2. De lo contrario (else), usá console.logpara mostrar Manejo seguro.

1. La línea 3 declara la función y le asigna un nombre.
2. Concentrate en la línea 4 y en la línea 5. El código que está dentro de las llaves { } es el código que queremos usar una y otra vez. (es decir, las instrucciones de 'cocción')
3. La línea 4 declara una variable llamada val. La línea 5 muestra el valor de esa variable.
4. En las líneas 8-11 explicamos lo que significa llamar a una función.
5. En la línea 12 reemplazá el 6 con cualquier número y hacé clic en Guardar y enviar. ¡Hacelo un par de veces y mirá qué bien quedaron tus funciones!

Piensa que una función tiene cuatro partes.
Aquí hay un ejemplo de una función:

var saludo= function(name) {
    console.log('Hola' + name);
};

1. Primero declaramos la función usando var y después le asignamos un nombre saludo. El nombre tiene que comenzar con minúscula y la convención es usar minúscula/mayúscula, dónde cada palabra (menos la primera) comienza con mayúscula.
2. Después tienes que usar el comando function para decirle a la computadora que estás haciendo una función.
3. El fragmento entre paréntesis se llama el parámetro. Piensa que es una palabra de reemplazo a la que le asignamos un valor específico cuando llamamos a la función. Haz clic en ¿Te trabaste? Mira el consejo, si quieres saber más.
4. Despues escribí tu código reusable entre { }. Cada línea de código en este bloque debe terminar con un ;.

Puedes ejecutar este código llamándo la función de esta forma:

saludo("Emilia");

Al llamar a esta función se mostrará Hola Emilia

Vamos a hacer una función que le diga al mundo lo que querés comer.

1. Declara tu función y llámala 'pedidoDeComida`.
2. Puedes llamar el parámetro de cualquier forma que quieras. Pero lo vamos a llamar comida porque es lo que va a cambiar cada vez que llamemos la función.
3. Después viene tu bloque reusable de código. Ponelo entre las llaves. El código que quieres repetir es:
   console.log("Quiero comer" + " " + comida);
4. ¡Llama a la función y escribí exactamente la comida que quieras!

Una gran parte de la programación es la depuración. Eso quiere decir entender qué fue lo que salió mal con tu código. Porqué no se ejecutó.

1. Mirá la línea 9. Tiene muchos errores de sintaxis. ¿Ves como la falta de espaciado hace difícil la depuración?
2. Corrige la función de la línea 9. Asegúrate de que tu sintaxis sea correcta. Asegúrate de que se vea bien.
3. Cuando la función saludo esté arreglada, llámala. No te olvides de ponerle un nombre específico.

Eres una persona con hábitos. Cada semana compras 5 naranjas. ¡Pero el precio de las naranjas sigue cambiando!

1. Querés declarar una función que calcule cuánto cuesta comprar 5 naranjas.
2. Después quieres calcular el costo de comprar las 5 naranjas juntas.
3. Escribe una función que haga esto, y que se llame costoNaranjas().
4. Debe tomar un parámetro que es el costo de una naranja y multiplicarlo por 5
5. Llama a la función en la que las naranjas cuestan $ 5 cada una.

En nuestro ejemplo tenemos una función llamada porDos() que toma un número y retorna el número multiplicado por dos.

1. En la línea 7, se llama a la función que está después del signo igual, que sigue a numeroNuevo, con cualquier parámetro que desees
2. La línea 8 muestra el numeroNuevo. Observa como el valor que retornamos de porDos() se asigna automáticamente dentro de numeroNuevo.

1. Definí una función llamada unCuarto que tenga un parámetro llamado numero.
2. Esta función retorna un valor que es igual a un cuarto del parámetro. (Es decir, numero / 4;)
3. Llama a la función dentro de la condición de la sentencia if (¡y colócala en un valor de parámetro!), de modo que se muestre el mensaje "La sentencia es verdadera" en la ventana de Resultados.

1. Escribí una función llamada perimetroCajaque retorne el perímetro de un rectángulo.
2. Debe tener dos parámetros.
3. Una fórmula para el perímetro es longitud + longitud + ancho + ancho
4. Llama a la función y pasa cualquier valor que quieras para la longitud y el ancho.

Cambia la línea 4 para usar el comando var. Fíjate que el valor de mi_numero en la función ahora es 14 y fuera de la función es 7.

Si se usa mi_numero sin el comando var se refiere a la variable global que ya fue declarada fuera de la función de la línea 1. Sin embargo, si se usa el comando vardentro de una función, se declara una nueva variable local que solo existe dentro de esa función.

1. Escribe una función que se llame nombreCadena()
2. Debe tener a nombre como parámetro.
3. La función retorna una cadena igual a "Hola, soy" + " " + nombre.
4. Ponle tu nombre a la función y usáconsole.log para mostrar el resultado.

1. Escribe una función que se llame controlDescanso con el parámetro cantHoras.
2. Dentro de la función, escribe una sentencia if en la que si la cantidad de horas es mayor o igual a 8, la computadora retornará "¡Estás durmiendo suficiente! ¡Demasiado quizás!".
3. De lo contrario (else) si la cantidad de horas de descanso es menor de 8, la computadora retornará "¡Cerrá los ojos un poco más!";

Después llama a la función con distintas horas de descanso

1. Llama a la función con 10 horas de descanso, así: controlDescanso(10);
2. Llama a la función con 5 horas de descanso.
3. Llama a la función con 8 horas de descanso.

Con el nuevo conocimiento sobre las funciones que acabás de adquirir vamos ahora a diseñar un juego "piedra, papel o tijera". Hacé clic en "Guardar y enviar" para poder empezar.