Funciones Javascript: declaración, uso y utilidad en programación

Funciones Javascript: declaración, uso y utilidad en programación

5
(4)

Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción.

En una función toda acción tiene una reacción.

Hemos trabajado con funciones toda nuestra vida. Las aprendimos de bien pequeños en el colegio. El concepto de función matemática es perfectamente aplicable a la programación. Y por lo tanto ahora no os debería asustar. Sois buenos conocidos.

Por ejemplo, dada la función f(x) = x + 1; sabemos que f(1) devolverá 2 y que f(100) devolverá 101. O que si llamamos a un timbre nos abrirán la puerta. O no.

En una función podemos identificar:

  1. Los inputs:
    1. Una función no necesariamente tiene inputs. Por ejemplo podríamos crear que siempre que fuera «invocada» ejecutara un proceso.
  2. Las instrucciones:
    1. El fin de una función es ejecutar instrucciones de cualquier tipo.
    2. Existen casos excepcionales en los que puede ser de interés no ejecutar absolutamente nada. Simplemente son casos en que se usan las funciones para romper un problema en otros más pequeños a resolver más tarde. Como ejemplo me piden un programa que devuelva un resultado escrito por pantalla. Puedo inventarme una función de nombre «escribirResuladoPorPantalla();» que ya escribiría una vez resuelta la parte complicada del trabajo en comendado.
  3. Los outputs:
    1. Una función no necesariamente devuelve datos.
      1. Una función que no devuelve datos tal vez ha ejecutado una acción. Esto propiamente ya sería un output. Un efecto sobre el exterior.
    2. Una función puede devolver datos y o acciones de cualquier tipo.
Funciones Javascript: declaración, uso y utilidad en programación 1
Representación gráfica de una función. Fuente: wikiwand.com

Sintaxis de una función en Javascript

Una función en Javascript tiene la siguiente sintaxi:

function es una palabra reservada que precede el nombre que vamos a dar a la función para referirnos a ella

( ) los paréntesis. Van continuación del nombre que hemos dado a la función. Es importante no dejar ningún espacio en blanco entre el nombre de la función y los (). Los paréntesis contienen las variables que van a almacenar los inputs que se le hayan enviado a la función (cuando llamemos una función desde un script se entenderá mejor). Es importante tener en cuenta que no es necesario que las variables que le pasemos via el script principal tengan el mismo nombre dentro de la función. Esto siempre cuesta mucho de entender… requiere práctica y ejemplos.

{ } las llaves. Contienen las instrucciones que va a ejecutar la función. Dentro de la función podemos programar exactamente que lo haríamos fuera de ella. Aplican las mismas normas de sintaxis. Por ejemplo podemos declarar o no variables, llamar a otros métodos, …. etc

return. Return es una variable reservada. Sólo puede devolver un valor o variable. Una opción para devolver varios valores en caso de ser necesario es hacerlo mediante una lista.

Funciones Javascript: declaración, uso y utilidad en programación 2

Como llamar una función para usarla

Una función en Javascript tiene la siguiente sintaxi:

Para llamar una función en un script únicamente debemos usar el nombre de la función que usamos. En la imagen serían las instrucciones

recogerDatos();

tratarDatos(informacion);

escribirResultado(resultado);

Una función puede asignarse a una variable en caso de que devuelve algún tipo de valor. El ejemplo es:

resultado = tratarDatos(informacion);

Si no devuelve ningún valor pero la usamos para ejecutar alguna instrucción entonces no hace falta asignarla a ninguna variable. El ejemplo es

escribirResultado(resultado);

Vemos en la imagen un programa muy sencillo mediante funciones.

ejemplo básico funciones JS
Ejemplo básico de programa mediante funciones javascript

Para que sirven las funciones en programación

Las funciones sirven para:

  • reutilizar código.
  • facilitar la abstracción de problemas.
  • aislar problemas que no necesariamente sabemos solucionar pero de los que sabemos la respuesta esperada.
  • poder usar el trabajo hecho por otra persona sin tener que programar tareas tediosas.

¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 5 / 5. Votos: 4

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

2 Comentarios
  • Rosa
    Publicado a las 19:55h, 08 julio Responder

    Hola.

    Quería comentar el porqué de esta afirmación que he visto en el tutorial FUNCIONES JAVASCRIPT: DECLARACIÓN, USO Y UTILIDAD EN PROGRAMACIÓN: Apartado
    SINTAXIS DE UNA FUNCIÓN EN JAVASCRIPT,( ) los paréntesis: «Es importante no dejar ningún espacio en blanco entre el nombre de la función y los ()». Como no había visto ninguna
    diferencia en la ejecución de las funciones, dejes o no el espacio después de su nombre, me llamó la atención el que usted lo haya categorizado como importante.

    Un saludo.

    • Francesc Ricart
      Publicado a las 03:05h, 09 julio Responder

      Hola Rosa, ¡muchísimas gracias por tu comentario!
      Javascript no es case-sensitive para los espacios en blanco. Llevas toda la razón en que funcionará igual. No está mal ponerlos. He escrito es importante pero no que esté mal 🙂
      La razón es una convención de estilos a la hora de escribir. Hay quienes la siguen y hay quienes no. Este es el enlace de consulta original por si te puede resultar curioso.

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.