Maison > Article > interface Web > Comment appeler une fonction avec une section ajoutée aux paramètres en JavaScript ?

Comment appeler une fonction avec une section ajoutée aux paramètres en JavaScript ?

WBOYavant: 2023-08-25 12:41:051286parcourir

如何在 JavaScript 中调用带有附加到参数的部分的函数？

En JavaScript, vous pouvez appeler une fonction en lui passant des paramètres. Cependant, il est parfois nécessaire d’appeler une fonction avec certains paramètres déjà renseignés. Cela peut être fait en utilisant une technique appelée application de fonction partielle.

Qu'est-ce que l'application de fonction partielle ?

L'application de fonction partielle est un moyen de créer une nouvelle fonction en "pré-remplissant" certains paramètres d'une fonction existante. Ceci est utile lorsque vous souhaitez créer une nouvelle fonction similaire à une fonction existante mais dont certains paramètres sont définis.

Par exemple, supposons que vous ayez une fonction qui calcule l'aire d'un rectangle. La fonction prend deux paramètres : la largeur et la hauteur du rectangle.

Imaginez maintenant que vous souhaitiez créer une nouvelle fonction pour calculer l'aire d'un carré. Cette nouvelle fonction sera similaire à la fonction existante, mais elle ne nécessitera qu'un seul paramètre : les côtés du carré.

C'est là qu'interviennent les applications à fonctions partielles. Vous pouvez utiliser l'application de fonction partielle pour créer une nouvelle fonction qui est une version « partielle » d'une fonction existante. Cette nouvelle fonction aura le premier paramètre (largeur) déjà défini et ne nécessitera que le deuxième paramètre (hauteur).

Comment utiliser l'application de fonctions partielles en JavaScript ?

Il existe différentes manières d'utiliser les applications à fonctions partielles en JavaScript.

Méthode 1

La méthode la plus courante consiste à utiliser la méthode bind().

La méthode

bind() est un moyen de créer une nouvelle fonction à partir d’une fonction existante. La méthode bind() prend deux paramètres : la fonction à lier et la valeur à lier au premier argument de la fonction.

Par exemple, supposons que vous ayez la fonction suivante -

function add(a, b) { 
   return a + b; 
}

Vous pouvez utiliser la méthode bind() pour créer une nouvelle fonction avec le premier paramètre (a) défini.

var add5 = add.bind(null, 5);

Maintenant, la fonction add5 peut être utilisée comme ceci -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      var add5 = add.bind(null, 5);
      document.getElementById("result").innerHTML = add5(10)
   </script>
</body>
</html>

Comme vous pouvez le voir, le premier paramètre (5) est défini et le deuxième paramètre (10) est transmis à la fonction add5.

Méthode 2

Une autre façon d'utiliser une application de fonction partielle consiste à créer une fonction qui accepte une fonction et une valeur existantes et renvoie une nouvelle fonction avec le premier jeu d'arguments de la fonction existante.

Par exemple, vous pouvez écrire une fonction comme celle-ci -

function bind(fn, val) { 
   return function() { 
      return fn.apply(null, 
      [val].concat(Array.prototype.slice.call(arguments)));
   };
}

Cette fonction prend une fonction existante et une valeur et renvoie une nouvelle fonction dont la valeur est liée au premier argument de la fonction existante.

Par exemple, vous pouvez utiliser la fonction bind() pour créer une nouvelle fonction comme celle-ci -

var add5 = bind(add, 5);

Maintenant, la fonction add5 peut être utilisée comme ceci -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      function bind(fn, val) {
         return function() {
            return fn.apply(null, [val].concat(Array.prototype.slice.call(arguments)));
         };
      }
      var add5 = add.bind(add, 5);
      document.getElementById("result").innerHTML = add5(10)
   </script>
</body>
</html>

Comme vous pouvez le voir, le premier paramètre (5) est défini et le deuxième paramètre (10) est transmis à la fonction add5.

L'application de fonctions partielles est une technique utile pour créer de nouvelles fonctions à partir de fonctions existantes. Il peut être utilisé pour créer une fonction similaire à une fonction existante, mais avec certains paramètres déjà définis.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment ajouter un trait pointillé à un rectangle à l'aide de FabricJS ?Article suivant：Comment ajouter un trait pointillé à un rectangle à l'aide de FabricJS ?

Articles Liés

Voir plus