Introduction à JavaScript - WOA JS

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));

  Press desired key combination and then press ENTER.

  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));

  Press desired key combination and then press ENTER.

  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'));

Press desired key combination and then press ENTER.

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'));

Press desired key combination and then press ENTER.

Run

En savoir plus :

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