Discussion :

[Gp2mv3]

Bonjour,
Je vous envoie ce message parce que j'ai un problème avec la fonction eval().
Je sais que ce n'est pas une bonne chose de l'utiliser mais ici je ne vois pas vraiment d'alternative.
En gros, j'ai un tableau de fonctions a exécuter. Ces fonctions sont déclarées dans des fichiers externes inclus en js à la page.
Donc eval est utilisé comme ceci:

Code :

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

1
2
var fct = "maFonction";
eval(fct);

C'est bien et cela fonctionne... une fois.
Si je réessaye d'appeler la fonction maFonction après qu'elle ait déjà été exécutée par eval, elle n'est pas exécutée (j'ai testé avec des alerts/console log).
Si je fais un alert de l'output d'eval il m'affiche le contenu de la fonction sensée s'exécuter.

Comment cela se fait ? Est-il possible de faire fonctionner ça ?

Merci d'avance.

Gp2mv3

[Willpower]

Si les fonctions sont définies dans le même scope de "window" tu peux éviter l'eval comme suit :

Code :

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

1
2
3
 
var fct = "maFonction";
window[fct]();

Sinon avec eval :

Code :

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

1
2
3
 
var fct = "maFonction";
eval(fct+"()");

[Gp2mv3]

Les fonctions ne sont justement pas toutes définies dans le même scope. C'est pour cela que j'ai besoin d'eval ici.
Mais d'après toi, c'est juste les parentheses qui feraient que la fonction ne s'exécute qu'une seule fois ?
Pour le moment j'ai trouvé une "solution" un peu bancale.
Je fais une incrémentation de variable avec une valeur au hasard ce qui fait que la fonction n'est jamais la même (1/100) mais bon, c'est du bricolage.

[Willpower]

Les fonctions ne sont justement pas toutes définies dans le même scope. C'est pour cela que j'ai besoin d'eval ici.
Mais d'après toi, c'est juste les parentheses qui feraient que la fonction ne s'exécute qu'une seule fois ?
Pour le moment j'ai trouvé une "solution" un peu bancale.
Je fais une incrémentation de variable avec une valeur au hasard ce qui fait que la fonction n'est jamais la même (1/100) mais bon, c'est du bricolage.

Il faut vraiment des conditions très spéciales pour que l'environnement courant ne soit pas "window", à mon avis le premier code que je t'ai donné devrait marcher.

Sinon peux-tu nous confirmer la manière dont les fonctions sont définis et dont elles sont stockées et appelées ? Pour l'appel tu possèdes un vecteur contenant les noms uniquement des fonctions ? Si oui c'est bizarre que le premier appel fonctionne sans les parenthèses.

[Gp2mv3]

Si je charge les différents scripts en JQuery tu penses que c'est le même environnement (window). Je pense ne pas trop voir ce que c'est réellement. Je dois encore me planter. :p

Oui c'est simplement un array de fonctions et cela fonctionne sans les parenthèses avec eval.

[Willpower]

Si je charge les différents scripts en JQuery tu penses que c'est le même environnement (window). Je pense ne pas trop voir ce que c'est réellement. Je dois encore me planter. :p

Oui c'est simplement un array de fonctions et cela fonctionne sans les parenthèses avec eval.

un array de "fonctions" ou un array de "noms de fonctions" ? ça change tout !

si ton array contient bien des fonctions, il te suffit alors de faire :

Code :

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

mon_array[10](); // 10 un index pour l'exemple

[Gp2mv3]

Non non, de noms de fonctions.

En faite je t'explique, c'est pour un système de navigation en AJAX, quand on clique sur un lien du site, il charge la page dans un certain container et charge son JS et son CSS associé (tout ça en Jquery).
Pour le js, dans chaque feuille j'ai une fonction main. Par exemple pour le script musique.js j'aurai une fonction mainMusique.js.
C'est une fonction qui parcourt tous les noms des fichiers chargés qui définit ce nom avec une regex et qui l'envoie à eval donc c'est effectivement un array de noms de fonctions.

[Willpower]

Par exemple pour le script musique.js j'aurai une fonction mainMusique.js.

une fonction avec une extension .js ?

bon en supposant qu'il n'y ai pas de .js, ça reste bizarre ce que tu me racontes. s'il s'agit bien d'un nom "mainMusique" que tu génères avec un regExp, ça ne peut pas exécuter de fonction si tu ne places pas de parenthèse (c'est le symbole même de l'exécution et l'endroit ou placer les arguments) tout ce que tu peux faire c'est définir la fonction. A mon avis l'exécution se produit par hasard pour une autre raison. (peut-être par le fichier js chargé dynamiquement?)

Code :

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

1
2
3
4
5
6
7
8
9
10
var fct = "nomDeMaFonction";
 
// ceci fonctionnera (mais obscure)
eval(fct)();
 
// ceci fonctionnera (mais obscure)
eval(fct+"()");
 
// ceci devrait fonctionner et est la bonne solution
window[fct]();

si ça ne fonctionne pas, c'est soit que ton code a planté plus tôt (regarde dans ta console d'erreur) soit que la fonction n'est pas définie lorsque tu essayes de l'exécuter (peut-être que ton script n'est pas encore chargé ou chargé dans un autre contexte, quoi qu'il en soit ta console d'erreur devrait encore t'en informer.)

[RomainVALERI]

Non non, de noms de fonctions.

alors du coup en conservant l'exemple ça devrait ressembler à window[mon_array[10]](); à l'appel... non ?

[Gp2mv3]

Effectivement je n'avais pas pensé à ça, la fonction main est appelée à chaque inclusion à l'intérieur du fichier.
Merci beaucoup, parfois je suis un peu distrait...

Pour le nom de fonction effectivement, il n'y a pas de .js, erreur de ma part...

Je vais essayer demain matin avec window, si tu dis que ça doit marcher.

Par contre je serais bien intéressé par des explications sur les environnements comme window en js parce que là je pense que je fais une soupe totale...

[Willpower]

Effectivement je n'avais pas pensé à ça, la fonction main est appelée à chaque inclusion à l'intérieur du fichier.
Merci beaucoup, parfois je suis un peu distrait...

Pour le nom de fonction effectivement, il n'y a pas de .js, erreur de ma part...

Je vais essayer demain matin avec window, si tu dis que ça doit marcher.

Par contre je serais bien intéressé par des explications sur les environnements comme window en js parce que là je pense que je fais une soupe totale...

Je ne sais pas si j'utilise les bonnes notions en disant "environnement/contexte" mais quand tu déclare une variable (objet ou fonction) il est par défaut lié à l'objet window.

exemple :

Code :

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

1
2
3
4
5
6
7
function nomDeLObjet(){};
// ou
var nomDeLObjet = "azdezae"; // attention, ne fonctionnera pas si ce code est dans une fonction car le var sera local à la fonction
// ou 
window.nomDeLObjet = "azdezae";
// ou 
window["nomDeLObjet"]  = "azdezae";

donc tous équivalent(à qqes nuances près) et accessibles comme suit :

Code :

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

1
2
3
4
5
6
7
window.nomDeLObjet
// ou
window["nomDeLObjet"] 
// ou
nomDeLObjet // simplement sauf changement volontaire de l’environnement 
 
// il faut rajouter des parenthèses dans les 3 cas s'il s'agit de fonctions que l'on désire exécuter

exemple qui ne fonctionneront pas (objets non liés à window) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function(){
  var nomDeLObjet = "zaad"; // local à la function
  // ou
  function nomDeLObjet(){}; // local à la la function
}
// ou 
unAutreObjet.nomDeLObjet = "azda"; // lié à unAutreObjet et non window
ou
with(unAutreObjet){
  nomDeLObjet = "azdz"; // lié à unAutreObjet et non window
}

[Gp2mv3]

Ha merci je pense que j'ai compris le principe !
Merci de votre aide, la méthode window[fct]() fonctionne très bien.