Fonction d'ordre supérieur

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

Code:

---

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 ?

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:

---

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}`;