Comportement du callback passé à setTimeout (Firefox)

**Mic75** · 11/10/2012, 19h29

Bonjour,

Quelqu'un serait-il capable de me dire pourquoi l'exécution du code suivant échoue, avec l'erreur ReferenceError: hello is not defined sur Firefox 15 (pas d'erreur sous Chrome 22).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<html>
    <body>
        <script type="text/javascript">
 
            var go = false;
 
            function sayGo() {
                go = true;
            }
 
            function main() {
 
                if (go === true) {
 
                    hello("toi");		
                    function hello(qui) {
                        alert("Salut " + qui);
                    }
                }
                else  {
                    window.setTimeout(main,500);
                }
            }
            window.setTimeout(sayGo, 1000);
            main();
        </script>
    </body>
</html>

Pour info, ce code est une simplification de celui sur lequel je rencontre mon problème.

Dans la version complète, j'effectue un préchargement de données de façon asynchrone (fichier text et BDD) et je souhaite que la fonction main ne s'exécute qu'une fois ces données chargées, d'où le test sur "go" en début de fonction main.

N'ayant pas une grande expérience en javascript, je ne sais pas si c'est la meilleur façon de faire pour gérer un préchargement de données. Je suis ouvert aux suggestions.

Merci d'avance.

**SpaceFrog** · 11/10/2012, 20h44

Je te conseillerais plutot de te tourner vers jquery et ses possibilités de gérer les callback d'ajax..

il s'agit bien d'ajax ??

**Mic75** · 11/10/2012, 21h47

Merci pour ta réponse SpaceFrog.

Les préchargements dont je parle en fin de post sont effectivement fait en ajax, et j'utilise déjà jquery en ce qui les concerne.

Par contre, aurais-tu une idée de ce qui provoque l'erreur du bout de code que j'ai soumis sous Firefox ? Car ajax n'intervient pas là dedans.

**SpaceFrog** · 11/10/2012, 21h57

la fonction déclarée au sein d'une autre ?

**Mic75** · 11/10/2012, 22h10

Plutôt l'appel de cette fonction.

Mais il me semble que déclarer une fonction dans une autre est tout ce qu'il y a de plus valable en javascript. L'ordre de la déclaration n'a pas d'importance normalement, ou alors quelque chose m'échappe ?

**Bovino** · 11/10/2012, 22h16

Oui, tu as raison, il est tout à fait possible de déclarer une fonction dans une autre.
Le problème qui se pose, c'est de savoir à quel moment le code de cette fonction va être évalué et ça, ça dépend du navigateur.
D'autant que dans ton cas, tu appelles la fonction avant sa définition, ce qui corse le problème.

**Mic75** · 11/10/2012, 22h23

Est ce qu'une solution serait de déclarer systématiquement mes fonctions avant leur premier appel ?

**NoSmoking** · 12/10/2012, 10h25

Bonjour,
tu conviendras qu'il ne te viendrais pas à l'idée d'écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
alert( maVariable);
var maVariable = 'Je hais l\'eau';

donc dans ce cas fais la même chose pour les fonctions, et ce qui plus est visiblement impératif sous FireFox.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var go = false;
function sayGo() {
  go = true;
}
function main() {
  function hello(qui) {
    alert("Salut " + qui);
  }
  if (go) {
    hello("toi");
  }
  else {
    window.setTimeout(main, 500);
  }
}
window.setTimeout(sayGo, 1000);
main();

**Mic75** · 12/10/2012, 11h00

Merci pour la réponse NoSmoking.

En effet, il ne me viendrait pas à l'idée d'écrire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
alert( maVariable);
var maVariable = 'Je hais l\'eau';

Par contre, pour les lignes suivantes c'est une autre histoire (ce qui correspond plus à mon exemple au final) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
monAvisSurLeau();
 
function monAvisSurLeau() {
    alert('Je hais l\'eau');
}

Et ce code est tout à fait valide.

J'ai finalement trouvé la réponse exacte dans Javascript The Definitive Guide (v6). Le souci de mon exemple initial, vient du fait que la fonction hello est déclarée au sein d'un if et que de plus elle est imbriquée dans une fonction.

Function declaration statements may appear in top-level JavaScript code, or they may
be nested within other functions. When nested, however, function declarations may
only appear at the top level of the function they are nested within. That is, function
definitions may not appear within if statements,while loops, or any other statements.

Merci à vous pour vos éléments de réponses.

Comportement du callback passé à setTimeout (Firefox)

JavaScript

Discussions similaires

Partager

Partager