Introduction à JavaScript - Module M2206 - MMI1

Les fonctions

JavaScript offre, comme tous les langages, la possibilité de définir ses propres fonctions.

Les fonctions peuvent renvoyer une valeur grâce au mot clé return, mais il est optionnel.

Elles peuvent être définis de plusieurs manières:

• En tant que fonction nommée (comme au dessus):

  1

  2

  3

  4

  5

  6

  function add(a, b) {

    return a + b;

  }

   

  console.log(add(12, 56));

   

  Run

• En tant qu'expression de fonction^ref :

  1

  2

  3

  4

  5

  6

  7

  8

  9

  10

  11

  12

  13

  14

  15

  16

  17

  18

  19

  20

  const sub = function (a, b) {

    return a - b;

  };

   

  let mult = function (a, b) {

    return a * b;

  };

   

  const factorielle = function fac(n) {

    if (n < 2) {

      return 1;

    } else {

      return n * fac(n - 1);

    }

  };

   

  console.log(sub(15, 26));

  console.log(mult(15, 53));

  console.log(factorielle(3));

   

  Run

Attention

Bien que les notations soient similiaires, il existe tout de même des différences.

La plus importante étant la portée de la fonction:

1

2

3

4

5

6

7

8

9

// fonctionne peu importe où la fonction est appellée.

console.log(hello('World'));

 

function hello(name) {

  return 'Hello ' + name;

}

 

console.log(hello('People'));

 

Run

1

2

3

4

5

6

7

8

9

10

// retournera une erreur, hello à été appelé avant d'être défini.

console.log(hello('World')); // supprimez cette ligne pour que ça fonctionne

 

const hello = function (name) {

  return 'Hello ' + name;

};

 

// fonctionnera puisque hello à été défini plus tôt.

console.log(hello('World'));

 

Run

En savoir plus :

• Fonctions - MDN
• Fonctions et portée des fonctions - MDN
• L'opérateur function - MDN