LabEx
EntrerRejoindre

Composition de fonctions en JavaScript

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer le concept de composition de fonctions en JavaScript. Nous apprendrons comment combiner plusieurs fonctions pour créer une nouvelle fonction, et comment utiliser la fonction compose() pour effectuer une composition de fonctions de droite à gauche. Par des exemples pratiques et des exercices, nous acquerrons une compréhension plus approfondie de cette technique puissante et de ses applications pratiques en programmation.

Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 100%. Il a reçu un taux d'avis positifs de 100% de la part des apprenants.

Comment composer des fonctions en JavaScript

Pour commencer à pratiquer la programmation en utilisant la composition de fonctions en JavaScript, ouvrez le Terminal/SSH et tapez node.

Voici un exemple de la manière de réaliser une composition de fonctions de droite à gauche en JavaScript :

  1. Utilisez Array.prototype.reduce() pour effectuer une composition de fonctions de droite à gauche.
  2. La dernière (la plus à droite) fonction peut accepter un ou plusieurs arguments ; les fonctions restantes doivent être unaires.
  3. Définissez la fonction compose qui prendra un nombre quelconque de fonctions en arguments et renverra une nouvelle fonction qui les compose.
  4. Appelez la fonction compose avec les fonctions souhaitées dans l'ordre souhaité.
  5. Appelez la nouvelle fonction composée avec tous les arguments nécessaires.
const compose = (...fns) =>
  fns.reduce(
    (f, g) =>
      (...args) =>
        f(g(...args))
  );

Par exemple, disons que nous avons deux fonctions :

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

Nous pouvons composer ces fonctions en utilisant compose :

const multiplyAndAdd5 = compose(add5, multiply);

Maintenant, nous pouvons appeler multiplyAndAdd5 avec les arguments souhaités :

multiplyAndAdd5(5, 2); // 15

Sommaire

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