Javascript Girl
  1. Javascript Girl
  3. Les fonctions internes en JavaScript sont-elles hissées? Comment les règles de portée s'appliquent-elles?
Intereting Posts
Réactif: modal avec plusieurs déclencheurs de liens Comment puis-je obtenir une mise au point automatique sur un élément de saisie dans un modèle knock-out généré dynamiquement dans IE Backbone.js – événements, en sachant ce qui a été cliqué Comment puis-je utiliser la même connexion MySQL pour l'ensemble de mon application Node.js? AnguarJS + node.js (web-server.js) supprime hashtag de url et le prend en charge par le côté du serveur Accès aux contrôleurs imbriqués Ember-CLI Utilisez Google Picker sans vous connecter à Google compte (avec OAuth) Obtenez tous les nombres dans une chaîne et appuyez sur un tableau (javascript) Comment envoyer des données de JavaScript vers PHP et vice versa? Vérifiez si les données de réponse AJAX sont vides / vide / nul / indéfini / 0 Est-il possible d'enlever le bouton expand / collapse de l'en-tête jqGrid? Chaîne de portée en Javascript Convertir json array en javascript array Coordonnées cartésiennes à polaires Recadrage avec drawImage ne fonctionne pas dans Safari

Les fonctions internes en JavaScript sont-elles hissées? Comment les règles de portée s'appliquent-elles?

Je pensais que JavaScript n'a pas de portée de bloc, mais la portée de la fonction, et que les déclarations sont hiérisées de leur bloc au sommet de leurs fonctions parentales.

Toutefois, le code suivant ne fonctionne pas comme prévu: 

function one(a) { console.log("one called for " + a); if (a == 1) { function inner(b) { console.log("inner called for " + b); } inner(123); } inner(456); } one(1); one(2); one(3);

Le premier one(1); L'appel se déroule normalement, sans aucune erreur, mais l'exécution s'arrête lorsque le second one(2); est appelé.

Ce comportement est intuitif: la fonction inner n'est définie que si a==1 .

Mais comment est-il compatible avec les règles de portée / levage?

Je pensais que sa définition serait hissée au sommet de sa portée, en dehors du bloc if qui ne devrait avoir aucun effet!

Edit: voici les erreurs que je reçois:

Capture d'écran de la console Firefox montrant l'erreur

Le navigateur est Firefox. Fiddle ici. 

 if (…) { function …() { … } }

Est non valide ECMAScript. Les déclarations de fonction doivent être au niveau supérieur de la fonction ou des corps de programme, à l'intérieur des blocs, leur comportement dépend de l'implémentation . Firefox exécute cette déclaration de fonction conditionnellement, d'autres navigateurs le forcent comme une déclaration de fonction normale. Déplacez-le à l'extérieur de l'instruction if ou attribuez une expression de fonction.

La déclaration de l' inner est hissée au sommet de la fonction extérieure. Cependant, sa valeur n'est définie que si a == 1 .

Lorsque outer() est appelé avec une valeur différente, l'appel à l' inner(456) échoue comme inner est toujours défini à undefined .