Executer du code javascript dans une var

Version imprimable

10/07/2009, 10h06
Moustico

Executer du code javascript dans une var
Salut,

J'ai une variable qui contient du code javascript
(retourné par un script ajax)
et j'aimerais pouvoir l'exécuter directement.
Via une commande qui pourrais ressembler à
Code:

1 2 3 4 5 <script> executeCode(var); </script> avec var = "alert('plop');" par ex ?
10/07/2009, 10h10
RomainVALERI
>>> n'utilise pas "var" comme nom de variable, c'est réservé ^^

et pour répondre à ta question :
Code:

1 2 3 var var1 = "alert('plop');"; eval(var1);
10/07/2009, 10h17
Moustico

C'était pour l'exemple :).
Merci en tout cas pour la réponse, je m'en vais tester ça de suite :)
12/07/2009, 13h22
nod__

C'est possible mais c'est une mauvaise pratique. Donnes un peu plus de détails pour qu'on te dise comment te passer de eval(), parce que «eval c'est le mal™»

ou plus tordu (mais je l'aime bien :D)

Code:

1
2
3
4
5
6
 
var code = "alert('coucou')";
var f = new Function("",code);
 
 
f(); // exécution de f()

12/07/2009, 15h26
nod__

techniquement c'est pas mieux :p

Function utilise eval();

remplacer eval

Il y a le DOM pour ça

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>remplacer eval</title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <script type="text/javascript">
  var obj = document.createElement("script");
  obj.setAttribute("type", "text/javascript");
  obj.text = "var fn = function() { alert('blah'); };";
  document.getElementsByTagName("body")[0].appendChild(obj);
  fn();
  </script>
</body>
</html>

13/07/2009, 11h03
RomainVALERI

Par curiosité : quel intérêt de passer par le DOM ici ? :?

Ça remplace eval!

Voici un test de performance, plutôt éloquent :

Code:

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
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>remplacer eval</title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <p id="d">dom : </p>
  <p id="e">eval : </p>
 
  <script type="text/javascript">
  var d = document.getElementById("d");
  var e = document.getElementById("e");
 
  var obj = document.createElement("script");
  obj.setAttribute("type", "text/javascript");
  obj.text = "var fn = function() { var j=0; };";
  document.getElementsByTagName("body")[0].appendChild(obj);
 
  var i = 1000;
  var debut = new Date();
  while(i){
    i--;
    fn(i);
  }
  var fin = new Date()
  d.textContent = "dom : "+ (fin - debut) +" ms";
 
  var i = 1000;
  debut = new Date();
  while(i){
    i--;
    eval("var j=0;");
  }
  fin = new Date()
  e.textContent = "eval : "+ (fin - debut) +" ms";
  </script>
</body>
</html>

13/07/2009, 12h22
RomainVALERI

Oui effectivement je comprends mieux, même si les performances ne m'ont que très rarement fait choisir ou éviter quoi que ce soit, et même si je trouve ça étrange, au final, de créer par le DOM un élément de comportement qui, par définition, ne fait pas vraiment "partie" du document... (et qui plus est : depuis un fragment de code js >>> simuler l'insertion de code html dans la page >>> pour insérer du code js... :calim2: je trouve ça tordu mais c'est peut-être moi :aie:)

En tout cas merci pour la petite démo :ave: