Llamar a funciones con contexto en JavaScript

Introducción

En este laboratorio, exploraremos cómo llamar a funciones con contexto utilizando una clausura en JavaScript. Aprenderemos cómo pasar una clave y un conjunto de argumentos a una función y luego llamarla con el contexto dado. A través de ejemplos prácticos, veremos cómo esta técnica se puede utilizar para simplificar el código y hacerlo más legible.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/data_types -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/arith_ops -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/comp_ops -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/array_methods -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/async_prog -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/higher_funcs -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/spread_rest -.-> lab-28185{{"Llamar a funciones con contexto"}} javascript/debugging -.-> lab-28185{{"Llamar a funciones con contexto"}} end

Cómo llamar a funciones con contexto en JavaScript

Para ejecutar código en Node.js, abre la Terminal/SSH y escribe node. Si quieres llamar a una función con un contexto específico y un conjunto de argumentos en JavaScript, puedes utilizar una clausura. Aquí te muestro cómo hacerlo:

Define una función llamada call que tome una clave y un conjunto de argumentos como parámetros y devuelva una nueva función que tome un parámetro contexto.

const call =
  (key, ...args) =>
  (context) =>
    context[key](...args);

Utiliza la función call para llamar a la función map en una matriz de números. En este ejemplo, la función map duplica cada número de la matriz.

Promise.resolve([1, 2, 3])
  .then(call("map", (x) => 2 * x))
  .then(console.log); // [ 2, 4, 6 ]

También puedes enlazar la función call a una clave específica, como map, y utilizarla para llamar a la función map en una matriz de números.

const map = call.bind(null, "map");
Promise.resolve([1, 2, 3])
  .then(map((x) => 2 * x))
  .then(console.log); // [ 2, 4, 6 ]

Al utilizar la función call, puedes llamar fácilmente a cualquier función con un contexto específico y un conjunto de argumentos.

Resumen

¡Felicidades! Has completado el laboratorio de Llamar a Funciones con Contexto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.