"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Pouvez-vous déclarer des fonctions dans des instructions conditionnelles en JavaScript ?

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

Publié le 2024-11-18
Parcourir:455

Can You Declare Functions Inside Conditional Statements in JavaScript?

Déclarations de fonctions dans les instructions conditionnelles

En JavaScript, les déclarations de fonctions ont un comportement différent en fonction de la norme de langage en vigueur et de 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 fonction 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 :

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'

En mode strict ou dans ES2015, ce code entraînerait une erreur car la fonction a n'est pas définie dans la portée globale. 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.

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3