Transformer les arguments d'une fonction en JavaScript

Introduction

Dans ce laboratoire, nous allons explorer l'utilisation de la fonction overArgs en JavaScript. Cette fonction nous permet de transformer les arguments avant de les passer à une autre fonction. Nous allons apprendre à utiliser overArgs pour simplifier le code et augmenter la réutilisabilité en créant une nouvelle fonction qui appelle une fonction existante avec des arguments transformés.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/data_types -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/arith_ops -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/comp_ops -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/array_methods -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/higher_funcs -.-> lab-28666{{"Transformer les arguments d'une fonction"}} javascript/spread_rest -.-> lab-28666{{"Transformer les arguments d'une fonction"}} end

Transformer les arguments d'une fonction

Pour transformer les arguments d'une fonction, utilisez la fonction overArgs, qui crée une nouvelle fonction qui appelle la fonction fournie avec ses arguments transformés.

Pour transformer les arguments, utilisez Array.prototype.map() en combinaison avec l'opérateur de répandage (...) et passez les arguments transformés à fn.

const overArgs =
  (fn, transforms) =>
  (...args) =>
    fn(...args.map((val, i) => transforms[i](val)));

Pour tester la fonction overArgs, créez une fonction d'échantillonnage et un tableau de transformations, puis appelez la nouvelle fonction avec des arguments.

const square = (n) => n * n;
const double = (n) => n * 2;

const fn = overArgs((x, y) => [x, y], [square, double]);
fn(9, 3); // [81, 6]

Pour commencer à pratiquer la programmation, ouvrez le Terminal/SSH et tapez node.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Transformer les arguments d'une fonction. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.