函数表达式是实现享元模式最轻量自然的载体，通过纯函数封装不变渲染行为、工厂按需复用、weakmap管理动态状态，达成逻辑零重复与内存零残留。
函数表达式本身不是享元，但它是实现享元逻辑最轻量、最自然的载体——尤其在动态渲染场景中，把“不变的渲染行为”抽成纯函数，再配合享元工厂和 WeakMap 管理状态，就能做到逻辑零重复、内存零残留。
把渲染逻辑写成不可变函数
享元的核心是共享“内在状态”，而函数体就是最纯粹的内在状态：它不保存数据、不依赖 this、无副作用、可被多个调用方复用。
- 避免 class 写法或箭头函数闭包捕获外部变量，否则函数实例会携带上下文，失去共享性
- 每个函数只接收明确参数：element、state、theme、scale 等，不读取全局或外层变量
- 例如：const renderUserIcon = (el, {x, y, isSelected}, theme) => { ... } —— 所有变化都来自参数，函数自身完全固定
用工厂按需生成/复用函数实例
不同图标类型、主题组合对应不同渲染逻辑，不能全塞进一个函数里。用工厂封装判断逻辑，返回已存在的函数引用，而非每次都 new 或重定义。
- 工厂内部用 Map
缓存函数，key 是语义化标识，如 "user-dark-2x" - 首次请求时，动态生成并缓存该函数；后续请求直接返回已有引用
- 函数体内不修改任何外部对象，也不持有对 DOM 元素的强引用（避免干扰 GC）
WeakMap 存储每个元素的动态状态
函数负责“怎么做”，WeakMap 负责“为谁做、当前做到哪一步”。两者解耦，才能安全复用。
- 声明全局 const elementState = new WeakMap
(); - 渲染前查 WeakMap 获取该元素专属状态；渲染后如有变更，再 set 回去
- 元素从 DOM 移除或被 GC 后，对应条目自动消失，无需手动清理
组合调用：一次渲染 = 函数 + 工厂 + WeakMap
实际执行时三者协同，代码干净、职责清晰、扩展性强。
- 获取函数：const renderer = factory.getRenderer('server', 'light');
- 获取状态：const state = elementState.get(el) ?? {x: 0, y: 0};
- 执行渲染：renderer(el, state, themeConfig);
- 如需更新状态，仅操作 WeakMap：elementState.set(el, {...state, x: newX});
