函数式编程中如何实现功能复用？JavaScript示例方案探讨

问题描述 #

我们有一个类Laravel风格的OOP实现：基类Model封装了通用的CRUD操作，子类User通过继承复用这些方法，只需要指定自己对应的数据库表名：

class Model { 
  getTable(){}
  edit(){let table = this.getTable();//edit...}
  insert(){}
  delete(){//some code}
}

class User extends Model { 
  getTable() { return 'users' }
}

现在想知道，在函数式编程风格下（用JavaScript演示），怎么实现这种“通用逻辑复用+自定义配置”的效果？

函数式风格的实现方案 #

好问题！在函数式编程里，我们不会依赖类继承来复用代码，而是靠闭包封装状态和函数组合来达成目标，而且这种方式往往更灵活。下面给你两种实用的实现方式：

方案1：高阶函数生成专属方法 #

先把通用的CRUD逻辑写成独立的高阶函数，这些函数接收tableName作为参数，返回针对该表的操作方法：

// 通用编辑逻辑：接收表名，返回对应表的edit方法
const createEdit = (tableName) => () => {
  console.log(`执行编辑操作，表名：${tableName}`);
  // 这里写具体的编辑业务逻辑
};

// 通用插入逻辑：接收表名，返回对应表的insert方法
const createInsert = (tableName) => (data) => {
  console.log(`插入数据 ${JSON.stringify(data)} 到表：${tableName}`);
  // 具体插入逻辑
};

// 通用删除逻辑：接收表名，返回对应表的delete方法
const createDelete = (tableName) => (id) => {
  console.log(`删除表 ${tableName} 中ID为${id}的记录`);
  // 具体删除逻辑
};

// 生成User模型的所有方法
const createUserModel = () => {
  const table = 'users';
  return {
    edit: createEdit(table),
    insert: createInsert(table),
    delete: createDelete(table)
  };
};

// 使用示例
const userModel = createUserModel();
userModel.edit(); // 输出：执行编辑操作，表名：users
userModel.insert({ name: 'Alice', age: 28 }); // 输出：插入数据 {"name":"Alice","age":28} 到表：users
userModel.delete(101); // 输出：删除表 users 中ID为101的记录

这种方式里，每个模型的方法都通过闭包“记住”了自己对应的表名，完全没有OOP中this指向的困扰，而且所有方法都是独立的，方便单独测试或替换。

方案2：通用模型工厂函数 #

如果需要创建很多模型（比如Post、Comment等），可以进一步抽象出通用的模型工厂，减少重复代码：

// 通用模型工厂：传入表名，返回该表的全套CRUD方法
const createModel = (tableName) => {
  // 通用编辑方法
  const edit = () => {
    console.log(`编辑表 ${tableName} 的记录`);
    // 编辑逻辑
  };

  // 通用插入方法
  const insert = (data) => {
    console.log(`向表 ${tableName} 插入数据：${JSON.stringify(data)}`);
    // 插入逻辑
  };

  // 通用删除方法（避免用delete关键字，防止语法冲突）
  const deleteRecord = (id) => {
    console.log(`删除表 ${tableName} 中ID为${id}的记录`);
    // 删除逻辑
  };

  return { edit, insert, delete: deleteRecord };
};

// 生成User模型
const userModel = createModel('users');
// 生成Post模型
const postModel = createModel('posts');

// 使用示例
userModel.edit(); // 输出：编辑表 users 的记录
postModel.insert({ title: '函数式编程入门', content: '...' }); // 输出：向表 posts 插入数据：{"title":"函数式编程入门","content":"..."}

如果某个模型需要自定义某个方法，直接用对象展开语法覆盖就行，非常灵活：

// 自定义User模型的edit方法
const customUserModel = {
  ...createModel('users'),
  edit: () => {
    console.log('用户表专属编辑逻辑：先校验权限再编辑');
    // 自定义的编辑逻辑
  }
};

customUserModel.edit(); // 输出：用户表专属编辑逻辑：先校验权限再编辑

函数式方案的优势 #

和OOP继承相比，这种方式有几个明显的好处：

• 没有继承链的束缚，你可以自由组合不同的方法，不需要担心父类修改影响子类。
• 每个方法都是独立的纯函数（如果业务逻辑允许的话），输入输出确定，更容易测试和调试。
• 用闭包保存状态，完全避免了this指向混乱的问题。

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