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

  Enter to Rename, Shift+Enter to Preview

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

  Enter to Rename, Shift+Enter to Preview

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

Enter to Rename, Shift+Enter to Preview

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

Enter to Rename, Shift+Enter to Preview

Run

En savoir plus :

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