Composición de Funciones en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos el concepto de composición de funciones en JavaScript. Aprenderemos cómo combinar múltiples funciones para crear una nueva función y cómo usar la función compose() para realizar la composición de funciones de derecha a izquierda. A través de ejemplos prácticos y ejercicios, obtendremos una comprensión más profunda de esta técnica poderosa y sus aplicaciones prácticas en la programación.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28208{{"Composición de Funciones en JavaScript"}} javascript/data_types -.-> lab-28208{{"Composición de Funciones en JavaScript"}} javascript/arith_ops -.-> lab-28208{{"Composición de Funciones en JavaScript"}} javascript/comp_ops -.-> lab-28208{{"Composición de Funciones en JavaScript"}} javascript/higher_funcs -.-> lab-28208{{"Composición de Funciones en JavaScript"}} javascript/spread_rest -.-> lab-28208{{"Composición de Funciones en JavaScript"}} end

Cómo componer funciones en JavaScript

Para comenzar a practicar la codificación utilizando la composición de funciones en JavaScript, abre la Terminal/SSH y escribe node.

Aquí hay un ejemplo de cómo realizar la composición de funciones de derecha a izquierda en JavaScript:

  1. Utiliza Array.prototype.reduce() para realizar la composición de funciones de derecha a izquierda.
  2. La última (más a la derecha) función puede aceptar uno o más argumentos; el resto de las funciones deben ser unarias.
  3. Define la función compose que tomará cualquier número de funciones como argumentos y devolverá una nueva función que las componga.
  4. Llama a la función compose con las funciones deseadas en el orden deseado.
  5. Llama a la nueva función compuesta con cualquier argumento necesario.
const compose = (...fns) =>
  fns.reduce(
    (f, g) =>
      (...args) =>
        f(g(...args))
  );

Por ejemplo, digamos que tenemos dos funciones:

const add5 = (x) => x + 5;
const multiply = (x, y) => x * y;

Podemos componer estas funciones utilizando compose:

const multiplyAndAdd5 = compose(add5, multiply);

Ahora podemos llamar a multiplyAndAdd5 con los argumentos deseados:

multiplyAndAdd5(5, 2); // 15

Resumen

¡Felicidades! Has completado el laboratorio de Composición de Funciones. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.