前端页面防止它人代码调试

今天分享一段 JS 代码片段，是防止代码被调试或篡改的基础。

老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！

(()=>{
function ban(){
   setInterval(()=>{debugger;}, 50);
   try {
      ban();
   } catch(err){}
}
ban();
})();

分享原因

这段代码展示了如何使用立即执行函数表达式 (IIFE) 和 setInterval 方法，通过在短时间内持续触发 debugger 语句来迫使调试器频繁中断，从而使调试变得极为困难。

同时，通过递归调用 ban 函数进一步增加了复杂性，即使捕获到异常也会继续执行，确保防护措施持续生效。

这种技巧常用于防止代码被调试或篡改，是一些反调试和反破解技术的基础。

代码解析

1. 立即执行函数 (()=>{ ... })();

立即执行函数在定义时立即执行，不需要显式调用。

用于创建一个独立的作用域，避免变量污染全局作用域。

2. setInterval(()=>{debugger;}, 50);

setInterval 方法会每隔 50 毫秒执行一次传入的箭头函数。

箭头函数中包含 debugger 语句，会导致浏览器或开发工具中的调试器不断中断执行。

3. try {ban(); } catch(err){}

尝试调用 ban 函数自身，形成递归调用。

如果递归调用过程中出现错误（例如栈溢出），错误会被捕获并忽略，不会终止程序执行。