能否调用工厂函数创建的CRUD方法？如何扩展功能避免报错？

首先你写的代码存在语法错误：对象展开语句末尾的分号需改为逗号，修正后代码如下：

const object = {
  ...createCrudMethods(),
  createOneWithNumber() {
    // do some cool stuff
    createOne() // 依然报错：createOne未定义
  }
}

报错核心原因：createOne不是当前作用域的变量，它是object对象的方法属性，必须通过对象引用或this来访问。

方案一：通过this调用原有方法 #

修正调用逻辑，同时注意方法的this指向问题：

// 普通函数版，调用时需保证this指向object
const object = {
  ...createCrudMethods(),
  async createOneWithNumber() {
    // 自定义逻辑示例
    const randomNum = Math.floor(Math.random() * 100);
    // 通过this调用原有createOne方法
    return this.createOne({ attachNumber: randomNum });
  }
}

// 箭头函数版，固定this指向object，避免回调时丢失上下文
const object = {
  ...createCrudMethods(),
  createOneWithNumber: async () => {
    const randomNum = Math.floor(Math.random() * 100);
    return object.createOne({ attachNumber: randomNum });
  }
}

方案二：扩展工厂函数（更优实现） #

如果需要复用带扩展方法的CRUD对象，直接包装原工厂函数是更合理的选择，既避免this指向问题，又提升复用性：

// 包装原工厂函数，添加扩展方法
function createCrudWithNumberMethods() {
  const baseCrud = createCrudMethods();
  return {
    ...baseCrud,
    async createOneWithNumber() {
      const randomNum = Math.floor(Math.random() * 100);
      // 直接引用原CRUD对象的方法，无需担心this问题
      return baseCrud.createOne({ attachNumber: randomNum });
    }
  }
}

// 使用时直接调用新工厂函数
const object = createCrudWithNumberMethods();

这种方式的优势：

• 彻底规避this指向风险，逻辑更清晰
• 可复用性强，所有需要该扩展方法的场景都能直接调用新工厂函数

方案三：使用Object.assign合并对象 #

和展开运算符逻辑类似，写法不同，同样需要通过this访问原有方法：

// 不修改原CRUD对象的写法
const object = Object.assign({}, createCrudMethods(), {
  async createOneWithNumber() {
    const randomNum = Math.floor(Math.random() * 100);
    return this.createOne({ attachNumber: randomNum });
  }
});

若直接合并到原CRUD对象，会污染原对象，谨慎使用：

const baseCrud = createCrudMethods();
const object = Object.assign(baseCrud, {
  async createOneWithNumber() {
    const randomNum = Math.floor(Math.random() * 100);
    return this.createOne({ attachNumber: randomNum });
  }
});

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