Funciones de JavaScript: qué son y 13 ejemplos

¿Qué es una función en JavaScript?

Una función en JavaScript es un bloque de código o un conjunto de instrucciones que realiza una tarea específica y que puede reutilizarse a voluntad. Por lo tanto, una función es uno de los building blocks fundamentales de JavaScript.

La informática (tal como la conocemos hasta ahora) está basada en el ya famoso concepto de «entrada-proceso-salida». Aunque las funciones de JavaScript no siempre tienen una entrada y una salida explícita, lo cierto es que no son la excepción a la regla y siguen este mismo sistema de procesamiento de información.

Los 3 tipos de funciones de JavaScript

Existen diversas formas de crear una función en JavaScript:

1. Por declaración

Es probablemente la más utilizada y la más fácil de recordar, sobre todo si ya conoces algún otro lenguaje de programación. Consiste en declarar la función con un nombre y sus parámetros de entrada entre paréntesis.

function add(a, b){ return a+b;};add(5,6); //11

2. Por expresión

Este tipo ha tomado popularidad y consiste básicamente en guardar una función en una variable, para así ejecutar la variable como si fuera una función. Este nuevo recurso ha dado pie a las funciones anónimas.

const plus = function (a, b){ return a+b;};plus(5,6); //11

3. Por constructor de objeto

La variante de constructor de objeto es la menos recomendada y casi no se utiliza. Únicamente nos ayuda a recordar que las funciones también son tipos de objetos en JavaScript.

const greetings = new Function("return 'Hola';");greetings (); // 'Hola'

Para utilizar una función, esta debe estar definida en algún lugar del scope (ámbito) en el que queremos utilizarla.

Estos tipos nos hablan de cómo definir nuestras propias funciones; sin embargo, los tipos de datos en los que se basa JavaScript cuentan con un conjunto de funciones disponibles para operar sobre ellos por default. A continuación, listamos algunas de las más utilizadas.

1. String.split()

Divide una cadena en un arreglo de subcadenas de la cadena original a partir de un carácter separador:

let cadena = "Hola,mundo,JavaScript";cadena.split(“,”);

2. String.substring()

Extrae caracteres desde un índice A hasta un índice B sin incluirlo:

let cadena = "Hola";cadena.substring(0,3);

3. String.trim()

Elimina espacios en blanco al inicio y al final de una cadena:

let cadena = " Hola ";cadena.trim();

4. Array.map()

Crea un arreglo nuevo con los resultados de la función enviada como parámetro:

let numbers = [2, 4, 8, 16];let halves= numbers.map(function(x) { return x / 2;});

5. Array.push()

Agrega elementos al final de un arreglo y regresa la longitud del arreglo con los nuevos elementos:

const things = ['dish', 'computer', 'dog'];const count = things.push('bed');

6. Array.pop() 

Remueve el último elemento de un arreglo y lo devuelve:

const things = ['dish', 'computer', 'dog'];const last = things.pop();

7. String.slice()

Regresa una porción de una cadena y devuelve una cadena nueva:

let string1= "Bienvenido a JavaScript.";let slice = cadena1.slice(5, -1);

8. Array.slice()

Regresa una porción de un arreglo y devuelve un arreglo nuevo:

var names = ['Zita', 'Pepe', 'Mario', 'Cielo', 'Azul'];var slice = names.slice(1, 3);

9. Object.toString()

Todos los objetos en JavaScript tienen este método y se usa para representarlos en forma de cadena de texto:

let objeto = new Object();objeto.toString();

10. Number.toFixed()

Establece la cantidad de decimales que queremos definir en un número:

var num= 12345.6789;num.toFixed();// Returns '12346'num.toFixed(1);// Returns '12345.7'num.toFixed(6);// Returns '12345.678900'

11. parseInt()

Convierte una cadena a un entero de la base especificada:

parseInt("15", 10);parseInt("15.99", 10);

12. Math.random()

Devuelve un número flotante aleatorio entre 0 y 1 (sin incluir el 1):

const rnd = Math.random();

13. console.log()

Escribe un mensaje en la consola web o en el intérprete de JavaScript:

console.log("Este es un mensaje en la consola");

Estas son solo algunas de las funciones de JavaScript más usuales. Ahora que sabes qué son y cuáles son sus tipos, podrás ir conociendo muchas más y avanzar en el camino de la programación.