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

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

Print Friendly, PDF & Email
Funciones Javascript: declaración, uso y utilidad en programación
5 (100%) 4 votos

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.
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.

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.
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

No hay comentarios

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.