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>
完整代码:点击打开链接
网友回复
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?