JavaScript - Conceptos

básicos 4
Instituto Visión Tecnológica - Alejandro Rojas - 2023
¿Qué es una
función?
El concepto de funciones es
fundamental en la
programación, en ocasiones las
utilizamos sin saber que son
funciones.
Podemos definirla como un
conjunto de instrucciones,
que realiza una tarea
determinada.
Las funciones reciben valores,
denominados parámetros
(entrada), realizan operaciones
en esos valores y devuelven un
resultado (salida)
 Funciones
Entrada de Salida de
información FUNCIÓN Información

Podemos pasarle a la La función se encarga Luego de procesar la

función uno o varios de procesar los datos información devuelve un
valores de información. recibidos, realizando único valor
determinadas
operaciones
 Funciones: ejemplo 1

2 x + 1 3

Vamos a pasarle a la La función realiza la siguiente Al terminar, la función

función, el valor tarea: A cualquier número devuelve el resultado de
numérico 2 ingresado (x) se le suma 1. procesar la información.
Teniendo en cuenta el valor
recibido, el cual es 2, la
operación queda de la
siguiente forma: 2 + 1
 Funciones: ejemplo 2

10 x + 1 11

Le pasamos a la función Ahora, al valor ingresado, la Al terminar, la función

el valor 10 función lo va a procesar, en este devuelve el resultado de
caso, le va a sumar 1 a su valor procesar la información.
 Funciones: ejercitación

8 (X * 2) + 10 ?

¿Qué valor devuelve la función, teniendo en cuenta el valor de entrada?

¿?
¿Cómo utilizar
funciones en
JavaScript?
Las funciones tienen dos
operaciones básicas:
● Declarar (crear) una función
● Llamar (ejecutar) una
función
Declarar Funciones:
function nombreFunción(valor1, valor2, valorN)
{
let resultado = (valor2 + valorN) / valor1
.
.
return resultado
}
Palabra reservada del sistema, para crear funciones. Solo la utilizaremos cuando
necesitamos crear la función. Respetar las minúsculas
Declarar Funciones:
function nombreFunción(valor1, valor2, valorN)
{
let resultado = (valor2 + valorN) / valor1
.
.
return resultado
}
Nombre de la función. Este sólo debe comenzar con letras, y puede incluir números o
guiones.
Declarar Funciones:
function nombreFunción(valor1, valor2, valorN)
{
let resultado = (valor2 + valorN) / valor1
.
.
return resultado
}
Parámetros de la función. Son los valores que recibe, los cuales debe procesar, en este
ejemplo pasamos 3 valores, pero la función podría recibir 0 o más valores.
Declarar Funciones:
function nombreFunción(valor1, valor2, valorN)
{
let resultado = (valor2 + valorN) / valor1
.
.
return resultado
}
Conjunto de instrucciones: Se escriben las instrucciones que va a realizar la función,
empieza y termina con {}, en este ejemplo se declara una nueva variable llamada
resultado, la cual tiene como valor una operación utilizando los valores recibidos.
Declarar Funciones:
function nombreFunción(valor1, valor2, valorN)
{
let resultado = (valor2 + valorN) / valor1
.
.
return resultado
}
Devolver valor: Luego de que se ejecutan los bloques de instrucciones definidos, la función
debe devolver un valor, utilizando la sentencia return seguido del valor a devolver.
Aclaremos que el primer
paso para trabajar con
funciones es declararla, pero
esto no significa que se esté
ejecutando.
¿Cómo ejecutamos la
función? Hay que llamarla
para que esto suceda.
Llamar a la función
Para llamar a la función tendremos que hacerlo fuera de la declaración de la
función, y solo tendremos que colocar su nombre, abrir paréntesis y colocar el valor a
enviar.

nombreFuncion(num,3,num2)

Los valores a enviar a la función pueden ser valores como texto, numérico o
booleanos, también podemos pasar variables, como en el ejemplo que tenemos las
variables num y num2.
Función cuadrado 1
function cuadrado(numero)
{
let resultado = numero * numero Declaración de la
función.
return resultado
}
Ejecución de la
cuadrado(2) función.
//Esto da como resultado 4
Función cuadrado 1
function cuadrado(numero) Cuando ejecutamos
la función, el valor
{ que enviamos, en
let resultado = numero * numero este caso 2, en la
return resultado función se va a llamar
} numero.

cuadrado(2)
//Esto da como resultado 4
Función cuadrado 2
function cuadrado(numero) Este es otro ejemplo de cómo escribir
{ la función cuadrado. Si la operación
return numero * numero no es extensa, podemos escribirla al
lado del return.
}

cuadrado(5)
//Esto da como resultado 25
Función ejemplo
function operacion(n1,n2) En este ejemplo enviamos dos
{ valores a la función, y realizamos un
let resultado = (n1 + 5)/ n2 cálculo sencillo, les sumamos 5 al
primer valor y luego dividimos por el
return resultado segundo valor:
} (1 + 5) / 2 = 3
operacion(1,2)
//Esto da como resultado 3
operacion(1,2)
//¿Qué resultado nos devuelve ahora?
Ejercicio
function ejercicio1(n1,n2,n3) Determinar qué valores
{ devuelve la función en las
let resultado = (cuadrado(n1)+ n2) * n3 diferentes ejecuciones.
return resultado Recordemos que cuadrado
} es una función que
definimos previamente.
ejercicio1(2,2,3)
Hacer los cálculos en la
//Resultado:
carpeta.
ejercicio1(2,5,3)
//Resultado:
ejercicio1(5,5,2)
//Resultado: