3 Funciones en JavaScript

Una función es un trozo de código utilizable en el que hay un conjunto de instrucciones, este código solo se ejecuta cuando se llama a dicha función.

Declaración de una función

// 1. Function declaration
function someName(param1, param2){
	// 2. Bunch of code as needed....
	var a = param1 + "love" + param2;
	return a;
}

// 3. Invoke (run/call) a function
someName("Me", "You");

1. Declarar
   • function - palabra reservada function
   • someName() - Nombre de la función
   • (param1, param2) - Escribir los parámetros
2. Bloque de Código
   • Se escribe el conjunto de instrucciones que va a realizar la función
3. Invocar Función
   • someName() - Llamar a la función
   • ("Me", "You") - Escribir los argumentos (valores)

Las funciones son un conjunto de sentencias que nosotros podemos utilizar para generar ciertas acciones con los valores que ya guardamos antes en las variables.

Las funciones son las tareas que va a llevar a cabo el navegador.

¿Qué es una función declarativa y una expresiva?

Cuando hablamos de funciones en JavaScript, tenemos dos tipos de funciones: Funciones Declarativas (function declaration / function statement) y Expresiones de función (function expression / funciones anónimas).

Funciones Declarativas:

En las funciones declarativas, utilizamos la palabra reservada function al inicio para poder declarar la función:

function saludar(nombre) {
	console.log(`Hola ${nombre}`);
}

saludar('Diego');

Expresión de función:

En la expresión de función, la declaración se inicia con la palabra reservada var, donde se generará una variable que guardará una función anónima.

var nombre = function(nombre){
	console.log(`Hola ${nombre}`)
}

nombre(‘Diego’);

En la expresión de función, la función podría o no llevar nombre, aunque es más común que se hagan anónimas.

Diferencias:

A las funciones declarativas se les aplica hoisting, y a la expresión de función, no. Ya que el hoisting solo se aplica en las palabras reservadas var y function.

Hoisting significa que podemos llamar a una función y definirla mas abajo.

• Forma correcta: Llamando arriba y declarando abajo

miFuncion();

function miFuncion(parametro1, parametro2){
	return 3;
}

• Forma incorrecta

miFuncion2();

var miFuncion2 = function (parametro1, parametro2){
	return 3;
}

Lo que quiere decir que con las funciones declarativas, podemos mandar llamar la función antes de que ésta sea declarada, y con la expresión de función, no, tendríamos que declararla primero, y después mandarla llamar.