Fonctions juxtaposées en JavaScript

JavaScriptJavaScriptBeginner
Pratiquer maintenant

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

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer le concept de fonctions juxtaposées en JavaScript. Nous apprendrons à créer une fonction qui prend plusieurs fonctions en arguments et renvoie une nouvelle fonction qui applique ces fonctions au même ensemble d'arguments, renvoyant un tableau des résultats. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière d'utiliser les fonctions juxtaposées pour simplifier votre code et le rendre plus efficace.


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-28459{{"Fonctions juxtaposées en JavaScript"}} javascript/data_types -.-> lab-28459{{"Fonctions juxtaposées en JavaScript"}} javascript/arith_ops -.-> lab-28459{{"Fonctions juxtaposées en JavaScript"}} javascript/comp_ops -.-> lab-28459{{"Fonctions juxtaposées en JavaScript"}} javascript/higher_funcs -.-> lab-28459{{"Fonctions juxtaposées en JavaScript"}} javascript/spread_rest -.-> lab-28459{{"Fonctions juxtaposées en JavaScript"}} end

Explanation of Juxtapose Functions

Pour utiliser la fonction juxt, ouvrez d'abord le Terminal/SSH et tapez node pour commencer à pratiquer le codage. La fonction juxt prend plusieurs fonctions en arguments et renvoie une fonction qui est la juxtaposition de ces fonctions.

Pour créer la fonction juxt, utilisez Array.prototype.map() pour renvoyer une fn qui peut prendre un nombre variable d'args. Lorsque fn est appelée, elle devrait renvoyer un tableau contenant le résultat de l'application de chaque fn aux args.

Voici une implémentation exemple de la fonction juxt:

const juxt =
  (...fns) =>
  (...args) =>
    [...fns].map((fn) => [...args].map(fn));

Une fois que vous avez défini la fonction juxt, vous pouvez l'utiliser en passant un nombre quelconque de fonctions en arguments, suivies d'un nombre quelconque d'arguments à passer à ces fonctions.

Voici quelques exemples d'utilisation de la fonction juxt:

juxt(
  (x) => x + 1,
  (x) => x - 1,
  (x) => x * 10
)(1, 2, 3); // [[2, 3, 4], [0, 1, 2], [10, 20, 30]]
juxt(
  (s) => s.length,
  (s) => s.split(" ").join("-")
)("happy coding"); // [[18], ['happy-coding']]

Dans le premier exemple, la fonction juxt prend trois fonctions en arguments et renvoie une nouvelle fonction. Lorsque cette nouvelle fonction est appelée avec les arguments 1, 2, 3, elle applique chacune des trois fonctions à ces arguments et renvoie un tableau de tableaux contenant les résultats.

Dans le second exemple, la fonction juxt prend deux fonctions en arguments et renvoie une nouvelle fonction. Lorsque cette nouvelle fonction est appelée avec l'argument 'happy-coding', elle applique chacune des deux fonctions à cet argument et renvoie un tableau de tableaux contenant les résultats.

Summary

Félicitations! Vous avez terminé le laboratoire sur les fonctions juxtaposées. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.