Javascript | Fonctions

Comment créer des fonctions en Javascript. Dans ce cours, nous voyons quelle est l'utilité de construire des fonctions et les façons de les déclarer.

2 écritures possibles

• Soit par le mot clé function

//Déclaration
const maFonction = function (param) {
  //actions de la fonction
}
//Appel de la fonction
maFonction(param);

• Soit par le système de fonctions fléchées

const maFonction = (param) => {
  //actions de la fonction
}

Remarque : Nous utiliserons souvent les fonctions fléchées dans les cas où nous avons besoin de créer des fonctions anonymes dit de callback.

Nous voyons ensemble le fonctionnement du hoisting, propre à javascript qui dans certains cas va nous déplacer des codes au moment de son exécution.

//Appel avant déclaration de la fonction
direBonjour (); // Erreur

//Fonction affectée à une constante
const direBonjour = function () {
  console.log('Bonjour');
}

//Appel avant déclaration de la fonction
direBonjour (); // Pas d'erreur -> Bonjour

//Fonction déclarée globalement -> Hoisting
function direBonjour() {
  console.log('Bonjour');
}

Le problème des portées des variables sera aussi un point important de ce tutoriel. En effet une variable déclarée dans une fonction ne sera pas accessible à l'extérieur de la fonction. Sauf si nous l'avons déclarée un cran au dessus, dans un contexte global.

const message = function () {
  let prenom = 'Gael';
  console.log('Bonjour' + prenom); //Ok
}

console.log(prenom); // Erreur : prenom = undefined