localement variable scope n'est pas définie en fonction

Question

J'ai une fonction currentPlayer comme suit:

function currentPlayer(players) { 
    return players.findIndex(player => player.current) || 0; 
} 

Je suis en train d'utiliser cette fonction dans un réducteur comme suit:

export function players(players = [], action) { 
    players = players.slice(); 
    switch (action.type) { 
    ... 
    case DELETE_PLAYER: 
     const currentPlayer = currentPlayer(players); 
     if (currentPlayer === action.index) { 
     players = switchNextPlayer(players, currentPlayer); 
     } 
     players.splice(action.index, 1); 

    } 
    return players; 
} 

En exécution de ce code , je reçois l'erreur suivante:

ReferenceError: currentPlayer is not defined

le code fonctionne si je change le nom de la variable comme suit:

const currentPlayerIndex = currentPlayer(players); 

Je pensais que la currentPlayer variable serait SCOPED dans la fonction réducteur. Qu'est-ce qui se passe ici?

Answer 1

La déclaration const est interprétée avant l'expression d'initialisation. Ainsi, votre portée locale obtient d'abord son propre symbole currentPlayer, puis l'expression d'initialisation est évaluée. Dans l'expression d'initialisation, par conséquent, currentPlayer fait référence à ce symbole local nouvellement déclaré, pas à la fonction.