Executer du code javascript dans une var

**Moustico** · 10/07/2009, 10h06

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 :

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

1
2
3
4
5
<script>
executeCode(var);
</script>
 
avec var = "alert('plop');" par ex ?

**RomainVALERI** · 10/07/2009, 10h10

>>> n'utilise pas "var" comme nom de variable, c'est réservé ^^

et pour répondre à ta question :

Code javascript :

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

1
2
3
 
var var1 = "alert('plop');";
eval(var1);

**Moustico** · 10/07/2009, 10h17

C'était pour l'exemple

.
Merci en tout cas pour la réponse, je m'en vais tester ça de suite

**nod__** · 12/07/2009, 13h22

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™»

**Auteur** · 12/07/2009, 14h58

ou plus tordu (mais je l'aime bien

)

Code :

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

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

**nod__** · 12/07/2009, 15h26

techniquement c'est pas mieux :p

Function utilise eval();

**franculo_caoulene** · 13/07/2009, 10h17

Il y a le DOM pour ça

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
<!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>

**RomainVALERI** · 13/07/2009, 11h03

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

**franculo_caoulene** · 13/07/2009, 11h17

Ça remplace eval!

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

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
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>

**RomainVALERI** · 13/07/2009, 12h22

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...

je trouve ça tordu mais c'est peut-être moi

)

En tout cas merci pour la petite démo

Executer du code javascript dans une var

JavaScript

Discussions similaires

Partager

Partager