对象字面量简写方法名会被混淆为单字符，导致运行时崩溃；应改用显式命名函数、常量替代字符串、避免微任务中依赖name，并配置keepNames等构建选项确保name保留。
对象字面量简写（如 { method() { ... } }）在压缩混淆后，方法名会被重命名为 a、b 等单字符，导致依赖函数名的逻辑（如微任务中通过字符串调用、反射、Vue/React 的响应式追踪、第三方库的 name 识别等）直接失效——这不是“看起来难读”，而是运行时崩溃的致命伤。
明确哪些场景会因简写方法名丢失出问题
以下情况一旦发生混淆，几乎必然报错：
- 使用
Promise.resolve().then(obj.method)后，在微任务中又通过fn.name === 'method'做判断或分发 - Vue 3 的
watch或onMounted回调里用了简写方法，而插件/DevTools 依赖其name属性做追踪或调试 - 将方法传给第三方库（如
mitt、zustand初始化器），该库内部通过fn.name注册或缓存标识符 - TS + TypeORM 中类方法用简写定义，被 esbuild 混淆后，
@BeforeInsert()等装饰器无法正确绑定目标方法
三类稳妥替代写法（不依赖压缩配置）
与其指望构建工具“别动我的名字”，不如从编码习惯上切断对简写方法名的依赖：
-
显式命名函数表达式：把
{ load() { ... } }改成{ load: function load() { ... } }。这样即使被混淆，function name仍保留（esbuild/Terser 默认不混淆具名函数声明的name属性） -
用变量提前存名称：若必须动态判断，改用常量代替字符串硬编码，例如
const LOAD_METHOD = 'load'; obj[LOAD_METHOD]();，再配合keepNames: true配置可进一步加固 -
避免在微任务链中依赖 name：把
obj.method包一层箭头函数或立即执行函数，如() => obj.method()，既切断 name 依赖，又明确闭包上下文
配套构建配置加固（Vite / Webpack 通用）
光靠代码改写还不够，需同步约束压缩行为：
- Vite 项目：在
vite.config.ts中启用esbuild.keepNames = true，并设minifyIdentifiers: false - Webpack 项目：Terser 插件配置
keep_fnames: true和keep_classnames: true，且确保compress.drop_console等开关不影响 name 保留 - 所有项目：务必开启
build.sourcemap: 'hidden'（Vite）或devtool: 'source-map'（Webpack），否则线上错误堆栈和性能火焰图将彻底失去可读性
验证是否真正生效的小技巧
上线前快速检查：
- 在打包产物 JS 文件中搜索
function.*\{，确认关键方法是否仍为function load()而非function a() - 在浏览器控制台执行
console.log(Object.getOwnPropertyDescriptors(obj))，查看方法 descriptor 中value.name是否为预期值 - 真机运行微信小程序或低版本 Android WebView，打印
obj.method.name—— 模拟器正常但真机为空，说明混淆未被完全抑制
