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%) 2 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

Una función en Javascript tiene la siguiente sintaxi:

Entradas relacionadas:

El Document object model (DOM) de Javascript
- 405
El DOM es un tipo especial de objeto que esquematiza las relaciones y interacciones entre los nodos de un documento web y que es creado por el navegador cada vez que interpreta una página web. Cada et...
Javascript: Estructura básica de un script
- 1211
¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y si...
Resumen de como comentar código en html, css y javascript
- 587
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Como hacer una lista de la compra con Javascript
- 101
Ejercicio lista de la compra con Javascript. Incluye solución. Se practica la creación y eliminación de nodos, this, addEventListener, ...
Ejercicio – Corrige los errores (concepto acoplamiento javascript)
- 191
Ejercicio javascript en el que se repasa el concepto de acoplamiento y se piden corregir algunos errores típicos.
Ejercicio JS – Ventana emergente control de edad
- 112
Ejercicio javascript que regula el control de accesos a una página web según edad del visitante. Incluye solución.
Ejercicio – El pokemon corredor
- 140
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.
Ejercicio – Corregir errores de sintaxis en funciones
- 164
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
Métodos imprescindibles para trabajar con fechas en Javascript
- 273
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
Como programar la ley de cookies con Javascript
- 46
Ejercicio de programación de una venta emergente con el mítico mensaje de Ley de Cookies. Paradójicamente hay que usar una cookie para cumplir con la ley de cookies. Incluye solución.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.