使用JavaScript-Obfuscator混淆代码后出现loc未定义错误如何解决？

问题原因 #

JavaScript-Obfuscator会对局部变量名进行重命名压缩，但你代码中的eval使用字符串拼接的方式调用函数，混淆工具无法分析字符串内的变量引用，导致loc被重命名后，eval里的代码仍使用原变量名，最终抛出ReferenceError。

解决方案 #

1. 替换eval为动态属性访问（推荐） #

直接通过对象属性访问的方式调用函数，避免使用eval，这种写法能让混淆工具正确识别变量引用：

// 替换原eval代码
exampledomain['build' + type](loc);

这种方式既保留了动态调用函数的能力，又能让混淆工具正常处理变量名，同时还避免了eval带来的安全和性能隐患。

2. 保留loc变量名不被混淆 #

如果必须保留eval，可以在混淆配置中添加reservedNames，指定loc为不被重命名的变量：

gulp.task('obfus', function() {
    gulp.src('src/main/webapp/js/mysite.min.js')
        .pipe(javascriptObfuscator({
                compact: true,
                reservedNames: ['loc'] // 阻止混淆工具重命名loc
        })).pipe(gulp.dest('src/main/webapp/js/dist'));
});

这样混淆后的代码中loc变量名会保持不变，eval内的代码就能正确找到该变量。

3. 将loc挂载到全局作用域（不推荐） #

把loc赋值给全局对象（比如浏览器环境的window），然后在eval中使用全局变量：

// 在eval前将loc挂载到全局
window.loc = loc;
// 修改eval内的代码
eval('exampledomain.build' + type + '(window.loc)');

此方法会污染全局作用域，容易引发变量冲突，仅作为临时应急方案使用。

内容的提问来源于stack exchange，提问作者curious1