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.

737 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
4 498 vues
Ajouter des commentaires
Poster des commentaires sur vos articlesNous allons reprendre la page voir_article.php afin d'ajouter un formulaire qui permettra d'écrire un commentaire pour participer à...
Créer son site
5 794 vues
Créer son blog
Développer son Blog de A à ZAprès avoir terminer les articles pour développer votre Forum de A à Z maintenant nous allons nous attaquer à la création d'un blog complet !Pour...
Créer son site
4 786 vues
Créer sa première page
Attention ! ⚠️ À partir de ce cours je ne détaillerais plus comme le cours précédent.À la place il sera expliqué ce que la vidéo va vous apporter et .. comme toujours le code sera...
Créer son site de rencontres
5 481 vues
Les outils pour développer
Avant de vous lancer dans le développement il reste encore quelques prérequis qui sont les logiciels que vous allez utiliser afin de concevoir votre site !Ce qui vous manque actuellement c'est...
Créer son site
4 349 vues
Différencier HTML (structure) de CSS (présentation)
Différencier HTML (structure) de CSS (présentation)HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont deux langages complémentaires utilisés pour créer des sites Web, mais ils...
CSS
1 223 vues
Propriétés CSS : comprendre les différentes propriétés et leurs valeurs
Propriétés CSS : Comprendre les différentes propriétés et leurs valeursLes propriétés CSS sont des instructions qui contrôlent l'apparence et le comportement des éléments HTML sur une page...
CSS
5 303 vues
Comment débute-t-on ?
Maintenant que vous savez qu'elles sont les différents langages web à utiliser pour développer un site, vous devez certainement vous demander "Alors, comment développe-t-on un site...
Créer son site
566 vues
Médias queries : rendre les pages Web réactives en fonction de la taille de l'écran
Media Queries : Rendre les Pages Web Réactives en Fonction de la Taille de l'ÉcranLes Media Queries sont une fonctionnalité de CSS qui permettent d'appliquer des styles en fonction des...
CSS
Publicité
Cette pub permet au site de vivre ...