Funciones en JavaScript

Last updated Aug 6, 2023 Edit Source

• Programming
• Frontend
• Javascript

Existen tres tipos de funciones principales en JavaScript:

• Funciones Declaradas ^4c2966
• Expresiones Funcionales
• Funciones Flecha

Todas estas funciones cuentan con dos caracteristicas principales:

• nombre (que sirve para invocar, ejecutar o llamar la funcion)
• parametros

Es un tipo de funcion declarada con el keyword function, su caracteristica especial esque puede ser utilizada aun antes de ser declarada.

1
2
3
4
5

nombreFuncion('Jaime');

function nombreFuncion(parametro) {
	console.log(`hola! ${parametro}`);
}

Una expresion funcional es simplemente una funcion anonima, en JavaScript es guardada en una variable para tener una forma de invocarse.

Su caracteristica esque necesitan ser definidas antes de ser utilizadas en el codigo

1
2
3
4
5

const nombreFuncion = function (parametro) {
	console.log(`hola! ${parametro}`);
}

nombreFuncion()

Debido a la existencia de funciones anonimas,, se nos permite crear expresiones mas cortas (tipo lambdas en Java) que sirven para simplificar el codigo. En JavaScript son llamdas arrow functions y se utiliza del operador especial =>.

1

const nombreFuncion = parametro => console.log(`hola! ${parametro}`);

Detalles a tener en cuenta:

• La keyword ’this’ no se refiera al notes/JavaScript Execution Context de la arrow function si no al de su padre inmediato, el cual puede ser incluso el GEC.
• No estara disponible el objeto de los argumentos de la funcion, solo del padre inmediato.