Application des fonctions fléchées en JavaScript

Les fonctions fléchées ont un avantage particulier en tant que callbacks. Voyons sur un exemple à quel point le code est simplifié dans un tel cas. Supposons pour l'exemple que nous ayons la fonction filter suivante :

javascriptfunction filter(arr, callback) {
  let res = [];

  for (let elem of arr) {
    if ( callback(elem) === true ) {
      res.push(elem);
    }
  }
  
  return res;
}

Appelons cette fonction en lui passant un callback :

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem % 2 === 0) {
    return true;
  } else {
    return false;
  }
});

Simplifions maintenant notre fonction. Pour commencer, débarrassons-nous de la construction if et écrivons la condition simplement via l'opérateur === :

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  return elem % 2 == 0;
});

Remplaçons maintenant la fonction classique par une fonction fléchée :

javascriptlet result = filter([1, 2, 3, 4, 5], elem => elem % 2 == 0);

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem > 0) {
    return true;
  } else {
    return false;
  }
});