Comprendre la sémantique des fonctions au niveau des blocs ES6

Introduction
Avec l'avènement d'ES6, bloquer Les déclarations de fonctions de niveau-niveau sont devenues un ajout précieux au langage. Malgré les hypothèses initiales, la sémantique précise de ces fonctions englobe un spectre plus large, y compris les distinctions entre les modes stricts et non stricts et les considérations de compatibilité du navigateur.

Sémantique
Le tableau ci-dessous résume les aspects clés de la sémantique des fonctions au niveau du bloc :

Implications du mode strict
Le concept de « mode strict » dans ce contexte fait référence à l'emplacement interne [[Strict]] de l'objet fonction, et non au rigueur de la fonction elle-même. Par conséquent, l'extrait de code impliquant une déclaration de fonction avec "use strict" dans un code environnant non strict est toujours considéré comme "non strict".

Extensions Web
Le "web extensions" s'appliquent uniquement au code non strict (bâclé) avec des apparences d'instructions de fonction "saines". En mode bâclé avec une sémantique de compatibilité web, une déclaration de fonction au sein d'un bloc est gérée comme suit :

1. La déclaration de fonction est hissée en haut du bloc lexical.
2. Une déclaration var est hissé vers la fonction englobante, initialisé à non défini.
3. Lorsque la déclaration de fonction est évaluée, l'objet fonction est affecté à l'objet de fonction. variable.

En substance, ce comportement entraîne deux liaisons distinctes portant le même nom, l'une au niveau du bloc et l'autre au niveau de la fonction.

Conclusion
Bien que les fonctions au niveau des blocs dans ES6 offrent des fonctionnalités étendues, comprendre leur sémantique précise, y compris l'interaction entre les modes stricts et la compatibilité Web, est cruciale pour garantir une utilisation correcte et éviter les pièges potentiels.