混淆部分JS代码后能否引用未混淆的常量及变量？

核心结论：可行，但需正确配置混淆工具 #

你说的需求完全可以实现，关键是要让混淆工具跳过对指定常量/变量的重命名，同时确保混淆后的代码与未混淆的标识符处于同一作用域（或能通过全局、模块导入等方式访问）。

你之前尝试失败，大概率是没配置混淆工具的保留规则，或者混淆时破坏了代码的作用域链，而非方案本身不可行。

实现方法：配置混淆工具保留指定标识符 #

主流的JS混淆工具（比如Terser、JavaScript Obfuscator）都支持保留特定变量名的配置：

• JavaScript Obfuscator：使用reservedNames选项，指定需要保留的常量/变量名，示例配置：

  const JavaScriptObfuscator = require('javascript-obfuscator');
  const obfuscationResult = JavaScriptObfuscator.obfuscate(
    `
    // 需要混淆的函数代码
    function processData() {
      console.log(API_BASE_URL); // 引用未混淆的常量
      // ...业务逻辑
    }
    `,
    {
      reservedNames: ['API_BASE_URL'], // 保留这个常量名不被混淆
      // 其他混淆配置（比如控制流扁平化、字符串加密等）
    }
  );
  

• Terser：使用keep_fnames或reserved选项，指定要保留的标识符。

需要注意：未混淆的常量/变量必须和混淆后的代码处于同一作用域（或全局作用域），否则混淆后的代码无法访问。

替代方案：如果直接部分混淆有问题 #

如果还是遇到配置上的麻烦，这几种方案也能实现“隐藏核心代码+保留常量可见”的需求：

1. 模块化拆分

   • 将需要隐藏的函数放在单独的JS文件中，对整个文件进行混淆；
   • 未混淆的常量/变量放在主文件，通过ES模块的export/import共享；
   • 混淆工具配置保留导入导出的标识符（比如import/export关键字，以及导出的变量名）。

2. IIFE作用域隔离

   • 将需要混淆的代码包裹在立即执行函数表达式（IIFE）中，把未混淆的常量/变量作为参数传入；
   • 混淆工具只处理IIFE内部的代码，内部通过参数访问外部变量，示例：

     // 未混淆的全局常量
     const APP_VERSION = 'v2.1.0';
     
     // 需要混淆的代码放在IIFE里，传入外部常量
     (function(version) {
       // 这里的代码可以被完全混淆
       function checkVersion() {
         console.log('Current version:', version);
         // ...核心逻辑
       }
       checkVersion();
     })(APP_VERSION);
     

3. 命名空间挂载

   • 将未混淆的常量/变量挂载到一个全局命名空间对象上；
   • 混淆工具配置保留这个命名空间对象的属性名；
   • 混淆后的代码通过该对象访问变量，示例：

     // 未混淆的命名空间
     window.AppConfig = {
       API_KEY: 'xyz789',
       TIMEOUT: 5000
     };
     
     // 混淆后的代码可以直接访问AppConfig的属性
     function requestData() {
       console.log(AppConfig.API_KEY);
       // ...混淆后的逻辑
     }
     

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