Discussion :

[haddocks]

Bonjour,
En me renseignant sur les fonctions d'ordre supérieur, je suis tombé sur ce petit code:

Code :

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

1
2
3
4
5
const createGreeting = (greeting) => (person) =>
        `$ {greeting} $ {person}`;
 
      const sayHi = createGreeting('Hi');
      console.log(sayHi('Ali')); // "Bonjour Ali"

Je comprends pas comment la fonction "sayHi" peut prendre un argument puisqu'elle est définie sans argument.
De plus, en la testant dans VScode elle ne semble pas fonctionner.

Vous pouvez m'éclairer ?

[Doksuri]

deja il y a une faute de frappe, il ne faut pas mettre d'espaces entre les $ et {}
par exemple `${greeting} ${person}`.
apres, c'est un peu tordu comme syntaxe :

const createGreeting = (greeting) => (person) => `${greeting} ${person}`;

ca definie une function createGreeting qui prend 1 argument (greeting) et qui retourne une fonction qui prend elle-meme un argument (person)
cette function retournee se contente de concatener les 2 arguments
ca reviens a ecrire

Code javascript :

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

1
2
3
4
5
function createGreeting(greeting) {
    return function(person) {
        return `${greeting} ${person}`;
    }
}

const sayHi = createGreeting('Hi');.
apres, ca defini une variable qui n'est autre qu'un appel a la function createGreeting (avec Hi) en parametre pour greeting (qui pour rappel, retourne une function avec un argument)

console.log(sayHi('Ali')); // "Bonjour Ali".
puis ca fait appel a sayHi (qui est la function de retour de createGreeting ...) avec en parametre Ali (qui correspond a l'argument person

j'ai un peu de mal a expliquer clairement le concept... j'espere que c'est un peu moins flou....

ps : si on avait voulu faire encore plus tordu, les parentheses n'etaient meme pas necessaires :
const createGreeting = greeting => person => `${greeting} ${person}`;