4 métodos para crear tus funciones con JavaScript

En este artículo vas a descubrir 4 formas que te van a permitir crear tus propias funciones utilizando JavaScript.

El lenguaje JavaScript tiene funciones que pueden venir muy bien para reutilizarlas en tus códigos pero, no siempre una función va a existir en el lenguaje y, usualmente, te tocará crear tus propias funciones personalizadas.

Normalmente, en JavaScript y en cualquier lenguaje de programación, se puede crear una función para resolver un pequeño problema. No creas una función que haga diferentes tareas. No es conveniente.

Por ejemplo, si estás desarrollando un carrito de compras, no creas una función grande que haga todo. Lo ideal es dividir el proceso en partes para que, principalmente, el código sea más fácil de leer y, por tanto, más fácil de mantener.

En JavaScript se pueden crear y utilizar funciones de distintas formas. A continuación, vas a ver 4 formas distintas.

Crear funciones en JavaScript con «Function declaration»

En este caso, en primer lugar creas o declaras una función y luego la puedes llamar en la secuencia de tu código.

Por ejemplo:

//declaración
function sumar(a, b) {
    return a+b;
}
 
//Llamada
let suma = sumar(5, 3); //8
 
console.log(suma);

En el código anterior he creado una función sencilla que recibe 2 números y retorna su suma.

En la llamada, guardo el resultado en una variable para usarla a continuación en la secuencia del programa.

Crear funciones en JavaScript con «Function expression»

Este tipo de funciones se definen de la siguiente forma:

//Definición
const sumar = function(a, b) {
    return a + b;
}
 
//Llamada
let suma = sumar(5, 3); //8
 
console.log(suma);

El resultado es el mismo. La única diferencia es que con Function expression tenemos una sintaxis de variable ya que creas una variable en la que guardas una función.

Crear funciones en JavaScript con «IIFE»

Funciones que se declaran e invocan directamente.

Siguiendo el ejemplo, puedo hacer la función sumar con esta metodología de la siguiente forma:

(function(a, b) {
    console.log(a+b);
})(5, 3);

El anterior código está definiendo y llamando a la función que retorna impreso en consola la suma de los 2 parámetros enviados.

Tal vez si has visto código jQuery, esto te resultará familiar ya que jQuery funciona justamente con este sistema.

Crear funciones en JavaScript con «Métodos de propiedad»

Cuando una función se pone dentro de un objeto estaremos viendo o empleando los métodos de propiedad.

Por ejemplo:

const calculadora = {
    sumar: function(a, b) {
        console.log(a + b);
    },
    restar: function(a, b) {
        console.log(a - b);
    }
}
 
calculadora.sumar(8,4); //12
calculadora.restar(8,5); //3

Puedo crear un objeto «calculadora» y definir todos los operadores.

En el ejemplo puedes ver las funciones sumar y restar.

Como ejercicio, te dejo que agregues el resto de operadores a tu calculadora: multiplicar, dividir, etc.

Conclusión

Estos son 4 métodos que debes saber para trabajar con funciones en JavaScript.

Todos dan el mismo resultado pero se crean de distinta forma. Utiliza el que más te guste y convenga para tu código.

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 votos, promedio: 5,00 de 5)
Cargando…
Comparte en las redes sociales

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre