Is there any way to make the code below working?
(function(){
var n = "abc";
(new Function("return alert(n);"))();
})();
If I run the code in browser result is: "Uncaught ReferenceError: n is not defined".
Also, I need to some other variables like n make accessible inside the new Function too.
When you use the new Function method (which is similar to eval by the way), your code is executed in the global scope! n only exists inside that anonymous function, it's not global.
You shouldn't be using new Function unless it's 100% necessary.
(function(){
var n = "abc";
(function(){return alert(n);})();
})();
P.S. alert returns undefined so return alert() doesn't do anything useful.
So you need to make that variables global.
(function(){
window.n = "abc";
(new Function("return alert(n);"))();
})();You need to pass the variable as a parameter to the created function.
(function(){
const myVar = 1000;
(new Function("return alert(n);"))(myVar);
})();
new Functionat all in this case? There is a big yellow note in the MDN documentation, it can hardly be overlooked: "Note: Functions created with theFunctionconstructor do not create closures to their creation contexts; they always are created in the global scope. [...]"