Discussion :

[olivier252]

Bonjour,

En tant que débutant js je me demandais quelles étaient les différences et/ou les avantages à utiliser les 2 syntaxes qui suivent ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function multiply(x,y) {
    return x * y;
}
 
let multiplyWithArrox = (x,y) => x * y;
 
multiply(3,4);
multiplyWithArrox(3,4);

Merci pour vos réponses

[Doksuri]

developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Functions/Arrow_functions

permet d’avoir une syntaxe plus courte que les expressions de fonction et ne possède pas ses propres valeurs pour this, arguments, super, ou new.target

je pense que c'est clair non ?

Deux facteurs sont à l’origine de la conception des fonctions fléchées : une syntaxe plus courte et l’absence de this spécifique à la fonction. Sur ce dernier point, cela signifie qu’une fonction fléchée ne lie pas son propre this au sein de la fonction (il en va de même avec arguments, super ou new.target).

[olivier252]

Non ,justement pas pour moi lol. Surtout le "et ne possède pas ses propres valeurs pour this, arguments, super, ou new.target"

[Gobble]

Il faudrait déjà reprendre un peu la compréhension de l'opérateur this en javascript, il me semble, avant de bien visualiser l'intérêt des fonctions fléchées.

Comprendre this en javascript/

[olivier252]

Du coup, c'est que je m'apprête à faire. Dans ma petite tête, this fait référence à l'objet courant. Je vais lire la doc, désolé pour le dérangement

J'ai trouvé mon bonheur sur un article que je trouve très bien fait. Sait-on jamais si un autre débutant passe par là. Cela dit ce ne sont pas des concepts si simple que cela en terme d'abstraction.
https://www.javascripttutorial.net/j...ion_invocation

[Dave Hiock]

\ô/

Je vais lire la doc, désolé pour le dérangement

tant qu'à lire de la documentation autant le faire bien , pour cela il y a l'incontournable MDN avec L'opérateur this, tu auras une vision surement plus clair après des avantages/inconvénients liées à l'emploi des fonctions fléchées.

Si l'anglais ne te rebute pas, ou si tu as un bon traducteur , il est fait référence dans la page donnée ci-dessus à Gentle Explanation of "this" in JavaScript que je trouve également très intéressante.

Bonne lecture.

[Dave Hiock]

Je rajoute : Éloquent JavaScript que j'avais vu passer sur ce site et que j'ai retrouvé.

[olivier252]

Merci pour les retours, ma confusion vient du fait que j'ai commencé angular avant js (la dernière chose à faire lol), et du coup, j'ai l'impression que dans angular, le this fait référence à toute la classe. Avant j'ai fait un peu de java et je suis un peu déconcerté.