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.

725 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 485 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
833 vues
Variables et types de données
Variables et Types de Données en JavaScript1. Variables :Une variable en JavaScript est un conteneur pour stocker des données. Vous pouvez utiliser des variables pour stocker différentes valeurs...
JS
1 399 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
692 vues
Opérateurs arithmétiques, logiques et de comparaison
Opérateurs en JavaScript1. Opérateurs Arithmétiques :Les opérateurs arithmétiques sont utilisés pour effectuer des opérations mathématiques sur des valeurs numériques.Addition (+) : Ajoute...
JS
5 371 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
7 190 vues
Barre de recherche : Formulaire
Avant d'entamer le développement de notre barre de recherche nous allons reprendre le fichier index.php des articles précédents.Dans notre fichier index.php nous allons y...
Créer son site
809 vues
Comparaison avec d'autres langages de programmation
Comparaison de JavaScript avec d'autres langages de programmationJavaScript est un langage de programmation unique avec ses propres caractéristiques et particularités. Comprendre comment il se...
JS
796 vues
CSS interne : l'utilisation de balises <style> dans la section <head> du document HTML
CSS Interne : L'utilisation de balises <style> dans la section <head> du document HTMLLe CSS interne est une méthode de stylisation où les styles sont définis directement dans la...
CSS
Publicité
Cette pub permet au site de vivre ...