Fonctions fléchées (arrow functions) Fonction:fléchée
1. Avantages des fonctions fléchées
Vous trouverez deux avantages aux fonctions fléchées (ou arrow functions) introduites dans EcmaScript 6 :
-
une syntaxe allégée par rapport aux fonctions EcmaScript 5,
-
la non-création d’un nouveau « scope » associé.
Ces avantages supposés semblent abstraits. Voyons au travers d’un exemple complet à quoi cela correspond.
2. Exemple
Script complet HTML/JavaScript
<!DOCTYPE html>
<!--
Nom du script : arrow.htm
Auteur : Christian VIGOUROUX
Date de création : 15/10/2018
Date de dernière modification : 15/10/2018
Objet : Utilisation de la syntaxe arrow (=>)
-->
<!-- Balise html -->
<html>
<!-- Section head -->
<head>
<!-- Balise meta de gestion de l'accentuation UTF-8 -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<!-- Scripts de compatibilité ES6 (transpiling) pour Microsoft Edge -->
<script
src="https://google.github.io/traceur-compiler/bin/traceur.js">
</script>
<script
...