Discussion :

[miltone]

Salut à tous,

J'ai du mal à trouver des explications concernant le chargement réel du code JS par le moteur. Dans le sens ou il n’interprète pas exactement dans le même ordre et de la même façon notre code écrit.

Voici un exemple (peut-être évident mais revelateur) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function test()
{
   function nbrAbricot()
   {
       return 12;
   }
   return nbrAbricot();
   function nbrAbricot()
   {
       return 7;
   }
}
test();   ---> return 7 (et non 12 comme on pourrait le penser)

Ainsi j'aimerais trouver des explications plus générales et détails concernant l'interprétation du code javascript par le moteur.

J'espère avoir été assez clair, sinon n'hésite pas à demander.
En vous remerciant de votre aide.

[sekaijin]

c'est incroyable l'interprète fais ce qu'on lui dit

le moteur fonctionen ainsi

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 1) parsing du code
 2) création de la fonction test
 3) appel de la fonction test
 4) création du code executable de la fonction test contenant 3 définition
    1) définition de la fonction nbrAbricot
    2) definition de code pour return
    3) redéfinition de la fonction nbrAbricot //ici la précédente version de nbrAbricot est supprimée.
 5) exécution du code executable
 6) appel de la fonction nbrAbricot
 7) création du code exécutable de la fonction nbrAbricot 1 définition
    1) definition du code pour return 
 8) exécution du code executable
 9) retour de la fonction nbrAbricot
10) retour de la fonction test

A+JYT

[SylvainPV]

C'est ce qu'on appelle le hoisting. C'est une source fréquente de bugs.

Je n'ai pas trouvé d'articles en français sur le sujet, mais en voici deux anglais :
http://www.adequatelygood.com/JavaSc...-Hoisting.html
http://www.kenneth-truyers.net/2013/...ing-explained/

En bref: toujours déclarer variables et fonctions en premier

[miltone]

Tout à fait Sylvain ! C'est exactement cela. Je fais une formation en ligne sur un site américain et la facon dans la chose est tourné je ne pensais pas que c'était le mot officiel pour exprimer cela.

De plus la recherche d'informations concernant cela sur le net francais n'a absolument rien donné. Ca doit être tellement évident apparement que personne n'en parle dis donc....

Merci je regarde tes liens avec attention

[Watilin]

C'est ce qu'on appelle le hoisting.

Moi je traduis ça par « hissage »

En gros, toute déclaration avec var ou function est remontée en haut de son contexte avant que le moteur commence à exécuter du code.

[SylvainPV]

En gros, toute déclaration avec var ou function est remontée en haut de son contexte avant que le moteur commence à exécuter du code.

C'est ça, mais le point compliqué est que la déclaration est séparée de la première assignation :

Code :

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

1
2
3
4
function test(){
  alert(a); //renvoie undefined
  var a = 42;
}

Code :

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

1
2
3
4
5
6
var a=1337;
function test(){
  alert(a); //renvoie undefined aussi !
  var a = 42;
}
test();

c'est comme si le moteur d'exécution traduisait le code en :

Code :

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

1
2
3
4
5
6
7
var a=1337;
function test(){
  var a;
  alert(a); //renvoie undefined aussi !
  a = 42;
}
test();

[Bovino]

Encore plus vicieux :

Code :

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

1
2
3
4
5
6
7
8
var a = 1024;
function getA(){
    a = 42;
    alert(a);
    var a = 'Gnark !';
}
getA();    // 42
alert(a);  // 1024 !

[miltone]

finalement, en soi la chose n'est pas très compliqué à comprendre mais ce qui induit en incompréhension c'est les éventuelles problèmes que cela pourraient impliquer dans des cas particuliers ou complexes.

D'ailleurs pourquoi ne pas tous simplement coder comme le ferait le hosting au lieu de laisser faire automatiquement l'interpréteur et donner une possibilité de marge d'erreur ?

En tous cas j'ai mieux cerné la théorie des scopes en JS qui est différente des langages comme C++ ou Java.