La calculadora del móvil
Usas la calculadora del móvil muchas veces al día. No la escribes de nuevo cada vez.
La abres, le das números y te devuelve un resultado.
En un programa pasa lo mismo. Escribes un trozo de código una vez, le pones nombre y lo usas cuando quieras. Ese trozo es una función.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Función | Un trozo de programa con nombre que puedes usar muchas veces. | function welcome() { ... } |
| Parámetro | Un dato que la función necesita. Va entre paréntesis en su primera línea. | function welcome(playerName) |
| Argumento | El dato real que das al llamar a la función. | welcome("Marta") |
| Llamar | Pedir que la función se ejecute. | welcome("Marta"); |
| return | La palabra que devuelve el resultado y termina la función. | return a + b; |
| Valor devuelto | El resultado que la función entrega a quien la llamó. | 16 |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Una función con nombre
Una función empieza con la palabra function, su nombre y unos paréntesis. El cuerpo va entre llaves.
Si no la llamas, no hace nada. Es como una receta guardada en un cajón.
Ya hiciste métodos en Java. Una función de JavaScript es lo mismo, sin escribir los tipos.
Pruébalo: tu primera función
function sayHello() {
console.log('Hola, clase.');
}
sayHello();
sayHello();
// Llámala una vez más.
Parámetros: datos para la función
Una función es más útil si puede cambiar según el dato. Para eso están los parámetros.
Van entre los paréntesis. Cuando llamas a la función, le das un argumento por cada parámetro, en el mismo orden.
Pruébalo: un parámetro
function greet(playerName) {
console.log('Hola, ' + playerName + '.');
}
greet('Marta');
greet('Iker');
// Saluda a tu mejor amigo.
return: devolver un resultado
Escribir con console.log es enseñar algo a quien programa. Pero muchas veces quieres guardar el resultado.
Para eso, la función lo devuelve con return. Quien la llama puede guardarlo en una variable.
Pruébalo: devolver el total
function ticketTotal(tickets, price) {
return tickets * price;
}
const total = ticketTotal(3, 6.5);
console.log('Tres entradas cuestan', total, 'euros');
console.log(ticketTotal(2, 8));
Ejemplo resuelto: llamadas a ticketTotal
| Llamada | tickets | price | Devuelve |
|---|---|---|---|
| ticketTotal(2, 8) | 2 | 8 | 16 |
| ticketTotal(3, 6.5) | 3 | 6.5 | 19.5 |
| ticketTotal(1, 12) | 1 | 12 | 12 |
| ticketTotal(0, 8) | 0 | 8 | 0 |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Sin return no hay resultado
Advertencia
Si una función no tiene return, devuelve undefined, que significa "nada". Si guardas ese resultado en una variable y haces cuentas con ella, saldrá NaN. Si una función debe dar un resultado, comprueba que termina en return.
Repaso rápido: funciones
Inténtalo
Repaso rápido: funciones
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.