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.

704 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
1 245 vues
CSS externe : l'utilisation de fichiers CSS séparés pour styliser plusieurs pages HTML
CSS Externe : L'utilisation de fichiers CSS séparés pour styliser plusieurs pages HTMLLe CSS externe est une méthode de stylisation où les styles sont définis dans des fichiers CSS distincts et...
CSS
2 938 vues
Différences entre SASS et CSS
Différences entre SASS et CSS1. Syntaxe :CSS : Utilise une syntaxe simple basée sur des sélecteurs et des propriétés.SASS : Propose une syntaxe étendue avec des fonctionnalités telles que les...
Sass
4 337 vues
Utilisation des balises <h1> à <h6> pour les titres
Utilisation des balises <h1> à <h6> pour les titresLes balises <h1> à <h6> sont utilisées pour définir les niveaux de titre dans une page HTML. Elles vont du titre le plus...
HTML
1 387 vues
Gestion des événements : click, submit, keydown, etc.
Gestion des Événements en JavaScriptLa gestion des événements en JavaScript permet d'interagir avec les actions de l'utilisateur sur une page web, telles que les clics de souris, les soumissions...
JS
545 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
3 155 vues
Introduction à SQL
SQL, ou Structured Query Language, est un langage de programmation standard utilisé pour communiquer avec et manipuler des bases de données relationnelles. Il est largement utilisé dans le domaine...
SQL
845 vues
Structures de contrôle : if, else if, else, switch
Structures de Contrôle en JavaScript1. Structure de Contrôle if :La structure de contrôle if permet d'exécuter des blocs de code conditionnellement, en fonction de l'évaluation d'une expression...
JS
3 520 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
Publicité
Cette pub permet au site de vivre ...