informáticageneral 2019 · •si la definición de una función y la llamada a dicha función se...

Informática General2019Cátedra:

Valeria Drelichman | Pedro PaleoLeonardo Nadel | Norma Morales

Funciones

• Las funciones son pequeños programas que se escriben fuera del programa principal.

• El objetivo es resolver un problema complejo dividiéndolo en subproblemas de resolución más sencilla.

Creación de una función

• La creación de una función o módulo tiene 2 pasos:– Definición de la función– Llamada de la función

• La función puede o no utilizar parámetros.• La función puede o no devolver resultados al

programa principal.

Definición

• La definición de una función es el desarrollo de los pasos que se realizan cuando se ejecuta la función.

• Toda función debe tener un nombre para identificarla. El nombre debe ser único. No puede utilizarse el mismo nombre para otra función, ni tampoco para una variable.

Llamada

• La llamada consiste en invocar a la función para que se ejecute.

• Una vez que se ejecuta la función, se continua con la instrucción siguiente a la llamada.

Parámetros

• Las funciones pueden o no recibir datos desde el algoritmo principal y devolver o no un dato al programa principal.

Función

• Una función es un programa reutilizable que realiza una o más tareas específicas.

• Todos los lenguajes tienen funciones predefinidas. Por ej.write( )

Funciones en JavaScript

• Definición de una funciónfunction nombrefuncion ( )

{ instrucciones de la función;

}


• Llamada a una funciónnombrefuncion ( );


• Si la definición de una función y la llamada a dicha función se encuentran en el mismo bloque de <script> no importa el orden en el que se escriban.

• Si la definición de una función y la llamada a dicha función se encuentran en distintos bloques de <script>, la definición debe estar antes que la llamada.


• Es conveniente declarar las funciones en el <head> del documento HTML, ya que estarán disponibles para ser utilizadas en cualquier lugar del <body>.

• IMPORTANTE: el nombre de la función tiene que ser único, NO usar el mismo nombre de una variable para una función !

Funciones

programa principal

tareas a realizar...

llamada a la función

más tareas a realizar...

tareas a realizaren la función

función

Ejercicio 01

• Hacer una función que escriba un mensaje de bienvenida en la página.

• Hacer un programa que llame 20 veces a la función.

Ejercicio 02

• Hacer una función que pida al usuario un número y escriba en la página el cuadrado de dicho número.

• Hacer un programa que llame tres veces a la función, indicando en cada oportunidad qué número de llamada es.

Ejercicio 02b

• Hacer una función que use un número que el usuario completó en un campo de un formulario y escriba en otro campo del mismo formulario el cuadrado de dicho número.

• El formulario debe tener un botón para llamar a la función.

Ejercicio 03

• Hacer un programa que permite editar un título usando tres botones. El primer botón cambia el texto, el segundo el color de fondo y el tercero el color del texto. El texto y los colores son a elección del usuario.

• Hacer tres funciones, una para cada botón.

Ejercicio 03b - Práctica!

• Hacer un programa que permite editar un título usando tres botones y los datos que elusuario completa en un formulario.

• El formulario tiene tres campos: texto, color de fondo y color del texto.

• Hay cuatro botones: el primero cambia el texto, el segundo el color de fondo, el tercero el color del texto y el cuarto las tres cosas juntas.

Parámetros

• Son los valores de entrada que recibe una función.

• Pueden ser variables de cualquier tipo.• Una función puede tener múltiples

parámetros de entrada (se escriben separados por comas).

• Los parámetros no modifican el valor original de las variables.

Parámetros

• No es necesario que el nombre de la variable cuyo valor se envía a la función y el nombre del parámetro sean iguales.

• La función interpreta a qué parámetro corresponde el dato según el orden en que los recibe.

Parámetros de salida

• Son datos, de cualquier tipo, que la función devuelve al programa principal en el lugar desde donde fue ejecutada.

• Debe existir una variable que permita almacenar los datos devueltos para que puedan ser utilizados por el programa.

• Las funciones pueden devolver un único dato de salida.


• Llamada a una función con parámetrosnombrefuncion (parametro1,parametro2);

• Llamada a una función que devuelve un datonombrevariable = nombrefuncion ( );

• Instrucción para devolver un datoreturn(nombrevariable);

Funciones

programa principal




tareas a realizar en la función

función

envío de parámetros

Funciones

programa principal




tareas a realizar en la función

retorno

función

envío de parámetros

retorno de resultados

Funciones

• Una vez definidas, las funciones pueden ser llamadas la cantidad de veces que se quiera.

• Si la función recibe parámetros, en cadallamada los datos pueden ser distintos y por lo tanto generar resultados diferentes.

Ejercicio 04

• Hacer una función que escriba un mensaje de bienvenida en la página personalizando el nombre.

• Hacer un programa que pregunte al usuario su nombre y luego llame a la función.

Ejercicio 05

• Hacer una función que escriba un mensaje de bienvenida en la página personalizando el nombre y el color en el que se escribe dicho mensaje.

• Hacer un programa que pregunte al usuario su nombre, un color y luego llame a la función.

Ejercicio 06

• Armar un sistema con una función que calcula el precio final de un producto.

• La función recibe los valores del precio inicial y el porcentaje de descuento que se debe realizar y devuelve el nuevo precio.

• El programa llama a la función y escribe en la página el nuevo precio.

Ejercicio 07

• Armar un sistema con una función que calcula el precio final de un producto.

• La función recibe los valores del precio inicial y el porcentaje de descuento que se debe realizar y devuelve el nuevo precio.

• El programa llama a la función y escribe los valores iniciales y el resultado en lugares predefinidos.

Ejercicio 08

• Armar un sistema con una función que calcula el área de un rectángulo.

• La función recibe los valores de base y altura y devuelve el valor del área.

• El programa llama a la función y escribe en la página el área. Pregunta al usuario si quiere calcular otra área y continúa llamando a la función hasta que el usuario ingrese un “no”.

Ejercicio 09

• Hacer un programa que pide al usuario 5 pares de números y escribe en la página la suma de cada par.

• Utilizar una función que reciba como parámetros un par de números y devuelva la suma.

Ejercicio 10

• Armar un sistema para calcular el promedio de 5 números.

• La función pide los 5 números, calcula el promedio de dichos números y lo devuelva al programa.

• El programa escribe el resultado en la página.


• Armar un sistema para realizar cálculos con 5 números. El usuario completa los 5 números en campos de un formulario.

• Un botón llama a la función que calcula el promedio de dichos números y lo muestra en otro campo.

• Otro botón llama a otra función que calcula el producto de todos los números.

Ejercicio 11

• Hacer un programa que pide al usuario 5 números y escribe en la página un mensaje indicando si cada número ingresado es par o impar.

• Utilizar una función que reciba como parámetro el número y devuelva el mensaje a imprimir.

Ejercicio 12

• Hacer un sistema de botones que permite al usuario controlar tres recuadros en la página: un botón cambia el color de fondo, otro el tamaño, otro el contenido y otro la visibilidad.

• Cada recuadro tiene su grupo de botones para controlarlo.

• Para cada acción hay una única función (en total son 4 funciones).


• Modificar el sistema de botones para que el usuario complete los datos de color, tamaño y contenido en campos de un formulario.

• Hace un único grupo de botones que funcione con parámetros para determinar qué recuadro modificar, también a elección del usuario.

Informática General2019Cátedra:

Valeria Drelichman | Pedro PaleoLeonardo Nadel | Norma Morales

informáticageneral 2019 · •si la definición de una función y la llamada a dicha función se...

Documents