+
95
-

回答

js中可以通过eval或Function及settimeout动态执行js代码

1、eval()

eval() 是最简单的方式,直接执行一个字符串:

var code = 'console.log("Hello!")';
eval(code); // Hello!

eval() 会在当前作用域下执行代码。

2、new Function()

new Function()可以创建一个临时函数,并执行它:

var code = 'console.log("Hello!")';
new Function(code)();
// Hello!

3、setTimeout()

利用setTimeout()间接执行代码:

var code = 'console.log("Hello!")';
setTimeout(code, 0);

但是这三款没办法做个隔离执行代码,那么还有三种办法实现隔离执行js代码

1、远程代码执行,将代码发送给服务器端执行后获得结果

2、Web Worker

Web Worker 允许你创建一个隔离的 JS 环境,主线程和 Worker 线程之间只能通过消息来通信。

你可以这么创建一个 Worker 并执行代码:

var myWorker = new Worker('worker.js');

myWorker.onmessage = function(e) {
console.log(e.data);
};

myWorker.postMessage('run code');
然后在 worker.js 中定义:
onmessage = function(e) {
var code = e.data; // 获取要运行的代码

eval(code)
// 执行代码...
}

3、iframe

iframe 是一个独立的文档,你可以在 iframe 中执行JS代码,不影响主页面:

<iframe id="frame"></iframe>

<script>
var frame = document.getElementById('frame');
var win = frame.contentWindow;
var doc = frame.contentDocument;

doc.open();
doc.write('<script>var a = 1</script>');
doc.close();

console.log(win.a); // 1, 可访问iframe内的变量
</script>

完整代码:点击打开链接

网友回复

我知道答案,我要回答