Function实现的通用数据动态组装器通过解耦字段映射与结构生成逻辑,支持path、compute、map、async、cond等可组合纯函数,配合配置驱动和轻量运行时引擎,实现低代码平台对异构后端数据的灵活适配。

用 Function 实现一个通用数据动态组装器,核心不是写一堆 if-else,而是把“字段映射逻辑”和“结构生成逻辑”解耦,让低代码平台能通过配置 + 函数组合,灵活适配不同接口、不同表单、不同视图的数据格式。
一、明确组装器要解决什么问题
自研低代码平台常面临:后端返回的数据结构千奇百怪(扁平、嵌套、带元信息、含空值),而前端组件(如表单、列表、图表)需要固定 schema(如 { label: '姓名', value: 'user.name' } 或 { key: 'id', title: '编号', render: (v) => `NO.${v}` })。手动为每个业务写转换函数太重,也不利于配置化。
所以组装器的目标是:
- 接收原始数据(任意结构)和一份「字段描述配置」
- 按配置自动提取、计算、格式化字段值
- 支持字段间依赖(如 status → statusText)、条件计算(如 price * qty)、异步补全(如 id → name 通过 fetch)
- 输出标准结构,供低代码画布直接消费
二、设计可组合的 Function 基元
不写大函数,而是拆出几个小而专注的 Function 类型,全部接受 (data, context?) => any 签名,便于链式调用或配置引用:
-
path:路径取值,支持点号/方括号/数组索引,如
path('user.profile.name')或path('items[0].id') -
compute:基于当前 data 计算,如
compute(d => d.price * d.qty) -
map:对数组字段做映射,如
map(path('name'), d => d.toUpperCase()) -
async:包装异步操作,如
async(id => fetch(`/api/user/${id}`).then(r => r.json()).then(u => u.name)),内部自动处理 loading/error -
cond:条件分支,如
cond({ when: d => d.status === 1, then: () => '启用', else: () => '停用' })
这些函数本身无副作用,纯函数,可序列化(方便存配置),也可在运行时动态 import 或注册。
三、用配置驱动组装逻辑(非硬编码)
在低代码平台中,字段配置不再是静态 JSON,而是允许嵌入 Function 表达式。例如:
[
{ "key": "fullName", "label": "姓名", "value": "path('user.name')" },
{ "key": "statusText", "label": "状态", "value": "cond({when: d => d.status===1, then: () => '在线', else: () => '离线'})" },
{ "key": "avatar", "label": "头像", "value": "async(id => fetch(`/api/avatar/${id}`).then(r => r.json()))" }
]平台加载配置后,用 eval(生产环境建议用 new Function 安全沙箱)或预编译方式,将字符串转为实际函数。更推荐:配置中存函数名 + 参数,如 {"fn": "path", "args": ["user.name"]},服务端/前端查表执行,安全可控。
四、运行时组装引擎(轻量核心)
真正执行组装的函数非常短:
const assemble = (rawData, fieldConfigs) => {
return fieldConfigs.map(config => {
const fn = resolveFunction(config.value); // 根据 config.value 查找或构造函数
const value = fn(rawData, { rawData, config }); // 传入上下文,支持跨字段引用
return { ...config, value };
});
};关键点:
- context 注入:让 compute/async 等函数能访问完整 rawData 和当前配置,实现字段联动
-
错误兜底:每个 fn 执行加 try/catch,失败时返回
null或默认值,不中断整个组装 - 缓存与更新控制:对 async 函数做简单 memoize(如 key = fnName + JSON.stringify(args)),避免重复请求;支持标记字段是否响应式(监听 rawData 变化自动重算)
这个 assemble 函数本身就是一个高阶 Function,可被封装成平台内置能力,表单、列表、弹窗等组件统一调用。
不复杂但容易忽略。真正让低代码“活起来”的,不是拖拽多炫,而是数据流能否用最小成本接住千变万化的后端契约——Function 就是那根可插拔的管线。

















