Programación

Funcional

en JavaScript

Por Sergio Daniel Xalambrí | @sergiodxa

Conceptos de la Programación Funcional

Funciones de primera clase y

de orden superior

const sayHello = () => 'Hello world';
console.log(sayHello()); // 'Hello world'

Las funciones son datos por lo que se pueden guardar en variables y constantes.

Composición de funciones

const arr1 = [1,2,3];
const arr2 = arr1.map(x => ++x);
console.log(arr2); // [2,3,4]

Las funciones pueden recibír otra función como argumento o devolver una función.

Funciones puras

const numbers = [1,2,3,4,5];
const even    = numbers.filter(n => n % 2 === 0);
console.log(numbers); // [1,2,3,4,5]
console.log(even); // [2,4]

No tienen efectos secundarios, impactan al resto del programa según su resultado y son impactadas por el resto del programa según sus argumentos.

Funciones encapsuladas

function addExclamation(str) {
  const n = random(1,3);
  if (n === 1) return str + '!';
  if (n === 2) return `${str}!`;
  if (n === 3) return str.concat('!');
}
const text = addExclamation('Hello world');
console.log(text); // Hello world!

Las funciones son como cajas negras que reciben argumentos y devuelven datos.

Las funciones son deterministas

function addExclamation(str) {...}
const text1 = addExclamation('Hello world');
const text2 = addExclamation('Hello world');
console.log(text1 === text2); // true

Siempre vas a obtener el mismo resultado con los mismos datos.

Los datos sin inmutables

const str1 = 'hello world';
const str2 = str1.toUpperCase();
console.log(str1); // hello world
console.log(str2); // HELLO WORLD

Una vez que un objeto es creado este no se puede modificar, si necesitas modificarlo tenés que crear una copia.

Currying

function sendMessage(message, name) {
  return `${name}: ${message}`;
}
function sendMessageFrom(name) {
  return function(message) {
    return sendMessage(message, name);
  }
}
const sendMessageFromSergio = sendMessageFrom('Sergio');
const message = sendMessageFromSergio('Hello world')
console.log(message); // Sergio: Hello world

Es el proceso de transformar una función con múltiples argumentos en una que con menos argumentos devuelva una función que acepte el resto.

Mónadas

function pipe(valor, functions) {
  functions.forEach(fn => {
    valor = fn(valor);
  });
  return valor;
}
function squared(v) {
  return v * v;
}
function halved(v) {
  return v / 2;
}
console.log(pipe(4, [squared, halved])); // 8

Estructura de datos que representa cálculos que describen una secuencia de pasos.  

Recurrencia

function fibonacci(max, prev = 0, actual = 1) {
  if (actual + prev >= max) {
    return actual;
  }

  return fibonacci(max, actual, actual + prev);
}

console.log(fibonacci(1000)); // 987

Un proceso que, para completarse, se ejecuta a si mismo.

¿Como se soluciona?

¿Preguntas?