JS

Passage de paramètres

Passage de Paramètres dans les Fonctions en JavaScript


Lorsque vous appelez une fonction en JavaScript, vous pouvez lui transmettre des valeurs en utilisant des paramètres. Ces paramètres sont des variables qui permettent à la fonction d'accepter des données en entrée.


1. Passage de Paramètres :


Les paramètres sont déclarés dans la déclaration de la fonction, entre les parenthèses. Lorsque vous appelez la fonction, vous fournissez les valeurs pour ces paramètres.


function nomDeLaFonction(parametre1, parametre2) {
    // Bloc de code de la fonction
}


2. Exemple de Passage de Paramètres :


// Déclaration d'une fonction qui additionne deux nombres
function additionner(a, b) {
    return a + b;
}

// Appel de la fonction avec des paramètres
let resultat = additionner(5, 3); // resultat vaut 8


3. Types de Paramètres :


  • Paramètres Obligatoires : Ce sont les paramètres déclarés dans la signature de la fonction et qui doivent être fournis lors de l'appel de la fonction.
  • Paramètres Optionnels : Vous pouvez définir des paramètres avec une valeur par défaut. Si ces paramètres ne sont pas fournis lors de l'appel de la fonction, ils utiliseront leur valeur par défaut.


Exemple avec Paramètre Optionnel :


function saluer(nom = "Anonyme") {
    console.log("Bonjour, " + nom + " !");
}

saluer(); // Affiche "Bonjour, Anonyme !"
saluer("Jean"); // Affiche "Bonjour, Jean !"


4. Nombre Variable de Paramètres :


Vous pouvez déclarer une fonction pour accepter un nombre variable de paramètres en utilisant l'opérateur de regroupement de paramètres (...). Cela crée un tableau contenant tous les paramètres passés à la fonction.


Exemple avec Nombre Variable de Paramètres :


function afficherParametres(...params) {
    for (let param of params) {
        console.log(param);
    }
}

afficherParametres(1, "deux", true); // Affiche 1, "deux", true


5. Passage par Valeur et par Référence :


En JavaScript, les types primitifs (comme les nombres et les chaînes de caractères) sont passés par valeur, tandis que les objets et les tableaux sont passés par référence.

Cela signifie que si vous modifiez une variable passée par valeur dans une fonction, cela n'affectera pas la variable d'origine en dehors de la fonction. Mais si vous modifiez un objet ou un tableau passé par référence, les modifications seront visibles en dehors de la fonction.


Exemple :


function modifierNombre(nombre) {
    nombre = 10;
}

let x = 5;
modifierNombre(x);
console.log(x); // Affiche 5

function modifierTableau(tableau) {
    tableau.push(4);
}

let arr = [1, 2, 3];
modifierTableau(arr);
console.log(arr); // Affiche [1, 2, 3, 4]


En résumé, le passage de paramètres dans les fonctions en JavaScript vous permet de transmettre des données à une fonction pour qu'elle les utilise dans son bloc de code. En comprenant les différents types de paramètres, vous pouvez écrire des fonctions flexibles et réutilisables pour effectuer une variété de tâches.

846 vues
Posté le 05 mars 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
2 583 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
1 147 vues
Utilisation des éléments de division <div> et <span> pour structurer le contenu
Utilisation des éléments de division <div> et <span> pour structurer le contenuLes balises <div> et <span> sont des éléments de division utilisés pour structurer et...
HTML
4 090 vues
Explorer les avantages de la séparation des préoccupations
Explorer les avantages de la séparation des préoccupationsLa séparation des préoccupations est un principe de conception qui consiste à diviser un système en différentes parties qui se...
CSS
3 262 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
4 955 vues
Afficher la liste des topics
Dans notre dossier f_forum, nous allons créer une nouvelle page sujet.php. Cette page affichera la liste des topiques créer par les utilisateurs de votre site en fonction de la catégorie...
Créer son site
3 645 vues
Le protocole Open Graph
IntroductionLe protocole Open Graph permet à n'importe quelle page Web de devenir un objet riche dans un graphe social. Par exemple, ceci est utilisé...
Créer son site
2 269 vues
Utiliser les opérations mathématiques (+, -, *, /) dans les styles
Utiliser les opérations mathématiques en SASS : +, -, , /1. Addition (+), Soustraction (-), Multiplication (*), Division (/) :En SASS, vous pouvez effectuer des opérations mathématiques...
Sass
1 782 vues
Inline CSS : l'ajout de styles directement dans les balises HTML
Inline CSS : L'ajout de styles directement dans les balises HTMLL'Inline CSS est une méthode de stylisation où les styles sont appliqués directement à un élément HTML via l'attribut style. Cela...
CSS
Publicité
Cette pub permet au site de vivre ...