Cr�ation de function, syntaxe, usage, mode ?

Bonjour,

Mon peu de connaissance de Javascript date de l'age de pierre ;), et je me lance dans NodeJS depuis quelques jours.
Du coup j'ai le sentiment de faire un bond dans le temps tant au niveau des "usages" que de certaines syntaxes.

un simple exemple, la cr�ation de "function"

j'ai toujours utilis� ce genre de choses:

Code:

---

1 2 3

function MaBelleFonction (arg1, arg2) {   }

---

et je decouvre, ici ou la, des choses comme:

Code:

---

1 2 3

MaBelleFunction = function (arg1, arg2) {   }

---

ou encore:

Code:

---

1 2 3

MaBelleFunction = function (arg1, arg2) => {   }

---

J'ai essay� les 3 (il y en a d'autres ?) et je ne vois aucune diff�rence, donc pour ma culture perso, j'aimerai comprendre

• Si il y a une diff�rence, ou un contexte d'utiliser telle ou telle syntaxe ?
• Est ce "uniquement" une �volution du langage, si oui ..why ?! ;)
• Une fa�on sournoise de distinguer un vieux codeur d'un codeur "a la mode" :D
• Aucune diff�rence, c'est juste pour faire "style" (avec l'accent anglais).. (sic)

J'ai pris que cet exemple, mais j'en constate pas mal des comme �a

Merci d'avance

Bonjour,
rapidement ...

� D�claration de fonction :

Code:

---

1 2 3

function maFonction(arg1, arg2) { console.log(arg1, arg2): }

---

� Expression de fonction :

Code:

---

1 2 3

const maFonction = function (arg1, arg2) { console.log(arg1, arg2): }

---

ou

Code:

---

1 2 3

const maFonction = function nomFacultatif(arg1, arg2) { console.log(arg1, arg2): }

---

� Fonction fl�ch�e (ES6), c'est une syntaxe plus concise que les expressions de fonction, elle s'�crit sans le mot cl� function :

Code:

---

1 2 3

const maFonction = /*function*/ (arg1, arg2) => { console.log(arg1, arg2): }

---

Pour approfondir : Fonctions et port�e des fonctions

Il y a aussi quelques d�tails sournois en ce qui concerne la � nature � des variables (� d�faut d�un meilleur mot), je veux dire par l� la fa�on dont elles sont d�clar�es (ou pas), et leur port�e.
:arrow: l�instruction-fonction :

Code:

---

1 2 3

function MaBelleFonction (arg1, arg2) {   }

---

est �quivalente � une d�claration avec var, et sa port�e sera donc celle de la fonction englobante, ou du contexte global. Dans le contexte global, elle devient alors une propri�t� de window.

:arrow: l�expression-fonction :

Code:

---

1 2 3

MaBelleFunction = function (arg1, arg2) {   }

---

Elle est techniquement une fonction anonyme qui est ensuite attribu�e � la variable MaBelleFunction. Donc sa � nature � d�pend de la fa�on dont on d�clare la variable. Sans mot-cl� de d�claration, en mode strict, �a l�vera une erreur. D�clar�e avec var, elle a la m�me port�e que ci-dessus ; d�clar�e avec let ou const, elle est locale au bloc englobant.

Tu n�est peut-�tre pas familier avec let et const donc je vais d�velopper un peu. Ces deux mots-cl�s font la m�me chose � un d�tail pr�s : une variable d�clar�e avec const (qui serait alors plus proprement nomm�e une constante), n�est pas modifiable. Elle re�oit sa valeur � l�initialisation, et si on tente de la modifier apr�s, �a l�ve une erreur.
let et const ont les m�mes r�gles de port�e : la variable est locale au bloc le plus proche, qui peut �tre un bloc if, for ou n�importe quoi, ou m�me un bloc tout seul juste pour le plaisir d�avoir un bloc.

Code:

---

1 2 3 4 5 6

let reponse = 42; { let reponse = "C’est faux"; console.log(reponse); // affiche "C’est faux" } console.log(reponse); // affiche 42

---

Il y a deux d�tails � propos de let et const qui peuvent r�pondre � la qualification de � d�tail sournois � :

• m�me au niveau global, la variable ne devient pas une propri�t� de window ;
• il n�y a pas de hoisting.

Ce dernier point m�rite une explication : le hoisting est un m�canisme cach� de var qui fait que, dans une port�e, tous les noms de variables accessibles sont � scann�s � � l�avance avant l�ex�cution, et les d�clarations var ainsi que les instructions-fonctions sont remont�es, � hiss�es �, au d�but de la port�e. �a permet, entre autres, d�appeler une fonction avant sa d�claration :

Code:

---

1 2 3 4 5

maFonction(); // affiche "bonjour"   function maFonction() { console.log("bonjour"); }

---

Mais avec let et const, il n�y a pas de hoisting, il y a m�me un message d�erreur pr�vu expr�s pour �a :

Code:

---

1 2 3 4 5

maFonction(); // ReferenceError: can't access lexical declaration `maFonction' before initialization   const maFonction = function () { console.log("bonjour"); }

---

Dans la communaut� NodeJS, l�usage de const est fr�quent pour d�clarer des fonctions, car on a rarement (sinon jamais) besoin de modifier une fonction.