如何生成变量不可读的压缩代码？能否还原为可读格式？

一、如何生成这类压缩代码？ #

这类代码是通过代码压缩/混淆工具处理后的产物，核心目的是减小文件体积、降低代码可读性（部分场景用于防篡改），常见实现方式：

• 专业压缩工具：使用Terser、UglifyJS、Google Closure Compiler这类工具，它们会自动完成：
  • 变量名重命名（把语义化的长名称改成t/o/u这类短标识符）
  • 移除空白字符、注释、换行
  • 简化逻辑表达式、合并重复代码
• 构建工具集成：在Webpack、Vite等前端构建流程中，配置生产环境打包时，会自动调用压缩插件（如terser-webpack-plugin）完成代码压缩，无需手动操作。
• 手动压缩（不推荐）：手动修改变量名、删除空白，但极易出错，仅适合极小片段代码。

二、能否转换为更易读的格式？ #

可以，通过格式化+反混淆步骤恢复可读性：

1. 代码格式化：先将压缩代码展开，恢复换行、缩进，可使用本地编辑器的格式化快捷键（如VS Code的Ctrl+Shift+I），或Prettier、ESLint这类工具批量处理。
2. 反混淆与变量重命名：压缩工具的变量重命名逻辑可逆（非高级混淆场景），可通过工具（如JSDetox、Deobfuscator）自动分析，或手动根据代码逻辑重命名变量——比如判断类型的t函数可改为isType，判断字符串的u改为isString。

示例：你的代码片段格式化+重命名后的效果 #

"use strict";

// 生成类型判断函数的工具
function createTypeChecker(targetType) {
  return function(value) {
    let type = typeof value;
    
    if (value === null) {
      type = "null";
    } else if (type === "object") {
      // 判断是否为数组
      if (Array.prototype.isPrototypeOf(value) || (value.constructor && value.constructor.name === "Array")) {
        type = "array";
      } 
      // 判断是否为包装类型字符串
      else if (String.prototype.isPrototypeOf(value) || (value.constructor && value.constructor.name === "String")) {
        type = "string";
      }
    }
    
    return type === targetType;
  };
}

let nullReference;
const PluginManager = tinymce.util.Tools.resolve("tinymce.PluginManager");
const VK = tinymce.util.Tools.resolve("tinymce.util.VK");
const isString = createTypeChecker("string");
const isArray = createTypeChecker("array");
const isNull = function(value) {
  return value === nullReference;
};
const isBoolean = createTypeChecker("boolean");
const isFunction = createTypeChecker("function");
const noop = function() {};
const strictEqual = function(a, b) {
  return a === b;
};
const returnFalse = () => false;
const returnTrue = () => (nullReference = null, true);

// None类型实现（对应函数式编程的Maybe模式）
const None = {
  fold: function(onNone) {
    return onNone();
  },
  isSome: returnFalse,
  isNone: returnTrue,
  getOr: (defaultVal) => defaultVal,
  getOrThunk: (thunk) => thunk(),
  getOrDie: function(msg) {
    throw new Error(msg || "error: getOrDie called on none.");
  },
  getOrNull: () => null,
  getOrUndefined: () => undefined,
  or: (alternative) => alternative,
  orThunk: (thunk) => thunk(),
  map: () => None,
  each: noop,
  bind: () => None,
  exists: returnFalse,
  forall: returnTrue,
  filter: function() {
    return None;
  },
  toArray: function() {
    return [];
  },
  toString: () => "none()"
};

注：原压缩代码中部分变量（如n/i）被截断，需根据上下文推断逻辑后补全。

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