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');然后在 worker.js 中定义:
myWorker.onmessage = function(e) {
console.log(e.data);
};
myWorker.postMessage('run code');
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>
完整代码:点击打开链接
网友回复