有什么办法可以在特定范围内执行eval()(但不是全局)?
例如,以下代码不起作用(在第二个语句中未定义)因为它们位于不同的范围内:
eval(var a = 1);
eval(alert(a));
Run Code Online (Sandbox Code Playgroud)
如果可能的话,我想动态创建一个范围.例如(语法肯定是错误的,但只是为了说明这个想法)
var scope1;
var scope2;
with scope1{
eval(var a = 1); eval(alert(a)); // this will alert 1
}
with scope2{
eval(var a = 1); eval(a++); eval(alert(a)); // this will alert 2
}
with scope1{
eval(a += 2); eval(alert(a)); // this will alert 3 because a is already defined in scope1
}
Run Code Online (Sandbox Code Playgroud)
有关如何实现这样的事情的任何想法?谢谢!
我需要构建一个允许用户输入javascript代码的Web应用程序,然后动态执行代码并以某种方式在同一页面显示结果.流程将是这样的:
在网页中,区域有一系列textarea,在每个textareas下面都有一个结果div元素(或者任何元素span,p,无关紧要).用户将在textareas中输入javascript代码.他应该能够输入他想要的任何javascript代码,但最后他将调用自定义函数,如my_application_output(some_variables_computed_from_previous_code_execution)
然后会在结果div上显示一些内容.一个简单的例子是:如果他在textarea中输入以下文本:
var a = 0;
a++;
my_application_output(a);
Run Code Online (Sandbox Code Playgroud)
然后执行代码,textarea下面的结果div元素将具有内部html内容"1"
我不知道如何开始,比如我应该采用什么技术或系统架构.所以想在这里寻求一些指示.我想过两个选项(不确定它们是否足够好)
使用JavaScript eval()功能.所以我只是直接在客户端执行textarea中的代码.
使用像V8这样的引擎实现后端服务.所以我用代码内容对后端进行ajax调用,然后从后端执行代码,并返回结果.然后我将结果相应地放在结果div中.
就个人而言,我想1)因为eval()似乎是一个更容易的解决方案.但是,我不确定这个功能是否有任何限制,或者它是否能达到我想做的目的.否则,如果我必须选择第二个选项.任何人都可以为此提出架构?