Pouvez-vous déclarer des fonctions dans des instructions conditionnelles en JavaScript ?

Déclarations de fonctions dans les instructions conditionnelles

En JavaScript, les déclarations de fonctions ont un comportement différent selon la norme de langage en vigueur et l'environnement dans lequel elles sont exécutées.

En mode strict (ES5)

En mode strict, introduit dans ECMAScript 5 (ES5), les déclarations de fonctions ne sont pas autorisées dans les instructions conditionnelles. En effet, les déclarations de fonction créent des variables hissées, qui s'étendent à l'intégralité de la fonction ou à la portée globale. Les placer dans une instruction conditionnelle briserait ce mécanisme de levage.

Mode non strict (ES5)

En mode non strict, cependant, le comportement des déclarations de fonction dans les instructions conditionnelles était imprévisible. Différents navigateurs et moteurs JavaScript ont implémenté leurs propres règles pour gérer cette situation, ce qui a conduit à des résultats incohérents.

Dans Modern JavaScript (ES2015)

Depuis 2018, la plupart des navigateurs modernes prend en charge ECMAScript 2015 (ES2015), qui a introduit une interprétation plus stricte des déclarations de fonction dans les blocs. Dans ES2015, les déclarations de fonctions sont limitées au bloc dans lequel elles sont déclarées.

Exemple :

Considérez le code suivant :

<code class="javascript">var abc = '';
if (1 === 0) {
  function a() {
    abc = 7;
  }
} else if ('a' === 'a') {
  function a() {
    abc = 19;
  }
} else if ('foo' === 'bar') {
  function a() {
    abc = 'foo';
  }
}
a();
document.write(abc); //writes "foo" even though 'foo' !== 'bar'</code>

En mode strict ou dans ES2015, ce code entraînerait une erreur car la fonction a n'est pas définie dans le scope global. Cependant, en mode non strict, il peut produire des résultats différents selon l'implémentation. Dans l'exemple fourni, Chrome affiche "foo" tandis que Firefox affiche "19".

Recommandation :

Pour éviter un comportement inattendu, il est recommandé d'utiliser plutôt des expressions de fonction. des déclarations de fonctions lors de la définition conditionnelle de fonctions. Les expressions de fonction créent des fonctions limitées qui ne sont accessibles que dans leur portée immédiate.

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!