Saltar al contenido
Contenido de Programación

Lección 1.10: Funciones en JavaScript

Las funciones de la 1.6, escritas en JavaScript: function para definirla y return para devolver.

La idea

PseudocódigoJavaScript
Funcion doble(numero)function doble(numero) {
Devolver numero * 2return numero * 2;
FinFuncion}
JavaScript
function doble(numero) {
  return numero * 2;
}

console.log(doble(4));
console.log(doble(10));
Consola
8
20

Varios parámetros

Separados por comas, como en pseudocódigo:

JavaScript
function area(base, altura) {
  return base * altura;
}

console.log(area(3, 4));
Consola
12

Sin return

Una función también puede hacer algo sin devolver nada:

JavaScript
function saludar(nombre) {
  console.log("Hola, " + nombre);
}

saludar("Ana");
Consola
Hola, Ana

Si usas su resultado, verás undefined: así llama JavaScript a «no hay valor».

La forma corta

En código ajeno verás funciones escritas con una flecha, =>:

JavaScript
const doble = (numero) => numero * 2;

Hace lo mismo que la de arriba. Aquí usamos function hasta que escribir funciones te resulte natural.

Pruébalo

Ejercicio

Escribe una función esPar(n) que devuelva true si n es par y false si no. Pista: el % de la 1.8.

Ver la solución
JavaScript
function esPar(n) {
  if (n % 2 === 0) {
    return true;
  } else {
    return false;
  }
}

Como n % 2 === 0 ya es true o false, se puede devolver directamente:

JavaScript
function esPar(n) {
  return n % 2 === 0;
}

En resumen

  • function define una función; return devuelve el resultado y la termina.
  • Sin return, la función devuelve undefined.
  • La flecha => es otra forma de escribirlas.