Pourquoi pouvez-vous utiliser les fonctions JavaScript avant qu'elles ne soient définies ?

Comprendre l'utilisation inattendue des fonctions en JavaScript

Malgré son apparence non conventionnelle, JavaScript vous permet d'utiliser des fonctions avant qu'elles ne soient explicitement définies. Ce comportement apparemment magique découle de la nature particulière des déclarations de fonction.

La magie des déclarations de fonction

En JavaScript, les déclarations de fonction se comportent différemment des affectations avec des expressions de fonction. Lorsqu'une fonction est déclarée à l'aide du mot-clé function, son identifiant est lié avant que tout code du bloc fonctionnel ne soit exécuté.

Par exemple, considérons le code suivant :

function fooCheck() {
  alert(internalFoo()); // Uses internalFoo() before definition

  return internalFoo(); // Still uses it

  function internalFoo() { return true; } // Defined later
}

fooCheck();

Dans ce code , la fonction fooCheck peut accéder à la fonction internalFoo même si elle est définie ultérieurement dans le même bloc. En effet, la déclaration de fonction elle-même entraîne la liaison et la mise à disposition de l'identifiant internalFoo.

Expressions de fonction et affectation

En revanche, si vous modifiez la définition en une expression de fonction affectée à une variable , le code ne fonctionnera plus :

var internalFoo = function() { return true; };

En effet, les expressions de fonction sont évaluées de haut en bas et l'instruction d'affectation ne s'exécute qu'après l'appel de fooCheck.

La distinction entre Déclarations et expressions

Les déclarations de fonction et les expressions de fonction sont des entités syntaxiquement distinctes. Les déclarations de fonction sont des instructions, tandis que les expressions de fonction sont des expressions. Cette différence conduit aux différents comportements observés dans les exemples de code.

Ce comportement est décrit dans la norme ECMAScript (section 10.1.3). Bien que la norme ne soit peut-être pas la lecture la plus accessible, elle fournit une explication complète de cet aspect complexe de JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!