Índice del curso de ES6

  1. Introducción al Curso de Javascript
  2. console.log
  3. Comentarios
  4. Variables
  5. Operadores
  6. Estructuras condicionales
  7. Bucle for
  8. Bucle while
  9. Break! - Gran día de repaso
  10. funciones
  11. Arrow functions
  12. Métodos para trabajo con cadenas
  13. Números aleatorios
  14. location.href
  15. Colección de ejercicios
  16. DOM
  17. Efecto Parallax
  18. innerHTML
  19. Propiedad style
  20. Cambiar atributo src
  21. Añadir clase, borrar clase, alternar clase, evaluar si tiene una clase
  22. Create Element
  23. Arrays
  24. Ejercicios avanzados
  25. LocalStorage
  26. Deconstrucción
  27. fetch
  28. Import, export
  29. Modernizr

Funciones

Son bloques de código reutilizables.

¿qué es una función?

Función que no devuelve nada, sin parámetros

<script>
	function saludar(){
		console.log("Buenas tardes!");
	}

	saludar();
</script>

Snippet para crear funciones en Sublime Text: fun

Función que no devuelve nada, con parámetros

<script>

	function saludar(nombre){
		console.log("Buenas tardes " + nombre);
	}

	saludar("Pablo");

</script>

Ejercicios funciones

Resolveremos los siguientes ejercicios definiendo una función con parámetros de entrada

  1. Ejercicio "hoyQuieroComer"

    Crear una función llamada "hoyQuieroComer" que recibe un parámetro “comida” curyo valor será "garbanzos".

    Cuando llamemos a la función se mostrará un log indicándonos lo que deseamos comer.

  2. Crear y llamar a una función que recibe un número y calcula su cubo.
  3. Crear y llamar a una función que recibe la velocidad en Km/hora y la muestra en metros/hora.
  4. Crea y llama a una función que recibe el ancho y el alto de un rectángulo y calcula su area.

    Cuando una función recibe varios parámetros, estos irán separados por coma.

    calculaArea(alto, ancho);
  5. Crear y llamar a una función que recibe la base y la altura de un triángulo y calcula su área.
    Area triángulo = base*altura/2
  6. Utilizando estas dos funciones:
    • calculaPerimetro(radio); Perímetro de la circunferencia = 2*Math.PI*Radio
    • calculaArea(radio); Area de la circunferencia = Math.PI*Radio2
    Asignar a una variable radio el valor 3 y mostrar por pantalla su perímetro y area.

Función que devuelve un valor

Función que no devuelve nadafunction noDevuelveNada(a, b){
	const resultado = a + b;
	console.log(resultado);
}

noDevuelveNada(2,3);
Función que devuelve algofunction devuelveValor(a,b){
	const resultado = a + b;
	return resultado;
}

const valorDevuelto = devuelveValor(2,3);
console.log(valorDevuelto);
Otro ejemplo de funciones con y sin return<script>
	const v1 = parseInt("3");
	const v2 = console.log("Esto no devuelve nada");
	console.log(v1);
	console.log(v2);
</script>
icono de mandar un mailPreguntame lo que quieras!
Pablo Monteserín
contacta conmigoPablo Monteserín

El servicio de resolución de dudas técnicas es sólo para los usuarios premium. Si tienes cualquier otra duda, usa el formulario de contacto. ¡Gracias!