Paramètres par défaut JavaScript

Dans ce didacticiel, vous découvrirez les paramètres par défaut de JavaScript à l'aide d'exemples.

Le concept de paramètres par défaut est une nouvelle fonctionnalité introduite dans la version ES6 de JavaScript. Cela nous permet de donner des valeurs par défaut aux paramètres de fonction. Prenons un exemple,

 function sum(x = 3, y = 5) ( // return sum return x + y; ) console.log(sum(5, 15)); // 20 console.log(sum(7)); // 12 console.log(sum()); // 8

Dans l'exemple ci - dessus, la valeur par défaut xest 3 et la valeur par défaut yest 5 .

  • sum(5, 15)- Lorsque les deux arguments sont passés, xprend 5 et yprend 15 .
  • sum(7)- Lorsque 7 est passé à la sum()fonction, xprend 7 et yprend la valeur par défaut 5 .
  • sum()- Lorsqu'aucun argument n'est passé à la fonction sum () , xprend la valeur par défaut 3 et yprend la valeur par défaut 5 .
Fonctionnement des arguments par défaut en JavaScript

Utilisation d'expressions comme valeurs par défaut

Il est également possible de fournir des expressions comme valeurs par défaut.

Exemple 1: Passer le paramètre comme valeurs par défaut

 function sum(x = 1, y = x, z = x + y) ( console.log( x + y + z ); ) sum(); // 4

Dans le programme ci-dessus,

  • La valeur par défaut de xest 1
  • La valeur par défaut de yest définie sur xparamètre
  • La valeur par défaut de zest la somme de xety

Si vous référencez le paramètre qui n'a pas encore été initialisé, vous obtiendrez une erreur. Par exemple,

 function sum( x = y, y = 1 ) ( console.log( x + y); ) sum();
Production 
 ReferenceError: Impossible d'accéder à «y» avant l'initialisation

Exemple 2: Passer une valeur de fonction comme valeur par défaut

 // using a function in default value expression const sum = () => 15; const calculate = function( x, y = x * sum() ) ( return x + y; ) const result = calculate(10); console.log(result); // 160

Dans le programme ci-dessus,

  • 10 est passé à la calculate()fonction.
  • xdevient 10et ydevient 150(la fonction somme retourne 15).
  • Le résultat sera 160.

Passer une valeur indéfinie

En JavaScript, lorsque vous passez undefinedà une fonction de paramètre par défaut, la fonction prend la valeur par défaut. Par exemple,

 function test(x = 1) ( console.log(x); ) // passing undefined // takes default value 1 test(undefined); // 1

Articles intéressants...