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.

670 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
3 471 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
704 vues
Utilisation de l'élément <li> pour les éléments de liste
Utilisation de l'élément <li> pour les éléments de listeL'élément <li> est utilisé pour définir chaque élément individuel d'une liste, qu'elle soit ordonnée <ol> ou non...
HTML
4 455 vues
Créer un commentaire
Poster un commentaireDans notre dossier f_forum, nous allons reprendre la page topic.php. Dans cette page nous allons ajouter la possibilité à vos utilisateurs de pouvoir poster des commentaires...
Créer son site
12 372 vues
Barre de recherche : Ajax
À partir de maintenant nous allons développer notre script permettant de contacter une page et de l'exécuter afin d'afficher le résultat de notre saisie.Nous allons commencer par mettre cette...
Créer son site
2 650 vues
Modifier ses informations en PHP
Dans cette nouvelle vidéo nous allons apprendre à modifier vos informations !Lors de l’inscription il se peut que vous ayez fait une erreur. C'est pour cela que cette page sera importante pour...
Créer son site de rencontres
5 326 vues
Structure de base d'une page HTML
Cours sur la Structure de Base d'une Page HTMLLa structure de base d'une page HTML est essentielle pour créer des sites Web. Comprendre cette structure vous permettra de démarrer efficacement dans...
HTML
1 014 vues
Sélecteurs CSS : identifier les éléments HTML auxquels appliquer des styles
Sélecteurs CSS : Identifier les éléments HTML auxquels appliquer des stylesLes sélecteurs CSS sont des motifs qui permettent de cibler et de sélectionner des éléments HTML spécifiques afin de...
CSS
693 vues
Utilisation de async/await
Utilisation de async/await en JavaScriptL'async/await est une syntaxe introduite dans ECMAScript 2017 pour simplifier la gestion des promesses et rendre le code asynchrone plus lisible et plus...
JS
Publicité
Cette pub permet au site de vivre ...