JS/HTML5游戏物品跨集合交换函数参数化实现技术咨询

看起来你想要把硬编码的库存操作改成通用化的函数，让它能灵活处理任意两个库存对象之间的物品交换——这个需求在JS/HTML5游戏里太常见了，我来给你梳理一下实现思路和代码示例。

首先，核心思路就是把原来硬编码的库存对象（比如playerInventory、chestInventory）变成函数参数，同时把要交换的物品ID、数量也作为参数传入，这样函数就能适配任意符合接口规范的库存对象。

第一步：定义通用交换函数 #

我们需要一个函数，接收以下参数：

• sourceInventory：要取出物品的源库存对象（必须有hasItem、removeItem方法）
• targetInventory：要放入物品的目标库存对象（必须有addItem方法）
• itemId：要交换的物品唯一标识
• quantity：交换数量（可选，默认值设为1更实用）

同时要加入参数校验、错误处理，避免操作失败导致库存数据不一致：

function swapItems(sourceInventory, targetInventory, itemId, quantity = 1) {
  // 先校验库存对象的合法性：必须包含所需的方法
  if (!sourceInventory?.hasItem || !sourceInventory?.removeItem) {
    console.error("源库存对象不合法：缺少hasItem或removeItem方法");
    return false;
  }
  if (!targetInventory?.addItem) {
    console.error("目标库存对象不合法：缺少addItem方法");
    return false;
  }

  // 检查源库存是否有足够数量的物品
  if (!sourceInventory.hasItem(itemId, quantity)) {
    console.warn(`交换失败：源库存中${itemId}的数量不足`);
    return false;
  }

  // 执行交换，加入try-catch防止中途出错，保证数据一致性
  try {
    sourceInventory.removeItem(itemId, quantity);
    targetInventory.addItem(itemId, quantity);
    console.log(`成功交换${quantity}个${itemId}：从源库存转移到目标库存`);
    return true;
  } catch (error) {
    console.error("交换过程中出现错误：", error);
    // 出错时回滚：把已经移除的物品放回源库存
    sourceInventory.addItem(itemId, quantity);
    return false;
  }
}

第二步：调用示例 #

现在你可以用这个函数处理任意两个库存的交换了，比如：

// 示例1：玩家把1个药水从背包转移到宝箱
swapItems(playerInventory, chestInventory, "health_potion");

// 示例2：把宝箱里的3把剑转移到玩家背包
swapItems(chestInventory, playerInventory, "iron_sword", 3);

额外注意事项 #

• 确保你的库存对象严格遵循接口规范：每个对象都要有hasItem(itemId, quantity)（返回布尔值）、addItem(itemId, quantity)、removeItem(itemId, quantity)这三个方法
• 如果需要双向交换不同物品（比如玩家用药水换宝箱里的剑），可以调用两次这个函数：先把药水从玩家转到宝箱，再把剑从宝箱转到玩家
• 你可以根据游戏需求扩展这个函数，比如添加交换成功后的回调函数，或者支持批量交换多个不同物品

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