Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

changing string to a function in javascript (not eval)

var foo = "function (){ alert('meee'); }";
foo();

I have tried the above but it does not work is there any other way to execute that function without using eval?

thnx

like image 555
Val Avatar asked Jul 26 '10 19:07

Val


2 Answers

you want to use the Function constructor directly, as Anders said. All arguments are strings. The last argument is the body of the function, any leading arguments are the names of the arguments the function takes.

To borrow from Anders' example,

var multiply = new Function("x", "y", "return x * y");

would be like writing

var multiply = function (x,y) {
  return x * y
}

In your case, you have "function (){ alert('meee'); }" and you want to save it as a function to var foo.

var fn = "function (){ alert('meee'); }";
var foo = new Function("return ("+fn+")")();
foo();
// alerts "meee"

The difference between Function and eval is eval runs in the private scope, while Function runs in the global scope.

var x="haha", y="hehe";

function test () {
  var x=15, y=34;
  eval("alert('eval: ' + x + ', ' + y)");
  new Function("alert('Func: ' + x + ', ' + y)")();
} 

test();

// eval: 15, 34
// Func: haha, hehe

Don't try to run it in the console, you'll get a deceiving result (consoles use eval). Writing it in a <script> tag and loading it in the browser will give the true result.

like image 72
Dagg Nabbit Avatar answered Nov 10 '22 16:11

Dagg Nabbit


According to MDC. Use:

var multiply = new Function("x", "y", "return x * y");
var theAnswer = multiply(7, 6);
like image 3
Anders Avatar answered Nov 10 '22 18:11

Anders