JavaScript 中的嵌套对象范围和动态引用

Question

我最近一直在使用vanilla javascript来帮助自己学习这门语言，我有点难以确切地理解对象“内部变量”是如何定义的，以及其他函数可以看到什么。举个例子，假设我们有一个 gameData 变量：let gameData = {    resourcesArray: [wood, stone]}用“木头”和“石头”来定义：let wood = {    name: 'Wood',    amount: '0,}let stone = {    name: 'Stone',    amount: 0,}作为对这些变量范围的测试，假设在这种情况下，有一个“农场”建筑被定义为这样。let farm = {    name: "Farm"    amount: 0,    cost: {        'Wood': 10,        'Stone': 5,    },}那么，我如何能够按照 buyBuilding（building） 的思路创建一个函数，将其传递给服务器场对象，并使其将“农场”成本的名称与存储在 resourcesArray 中的资源正确匹配并扣除成本？理想情况下，这个函数将能够处理将来添加许多不同资源和成本的“建筑物”，这就是为什么我正在寻找一种智能方法来做到这一点，而不仅仅是为每个将要添加的“建筑物”硬编码购买功能。提前致谢！

Answer 1

对于每项费用，您必须从全局 gameData 上下文中扣除该金额...像这样：

const wood = {

  name: 'Wood',

  amount: 500, // Start out with enough to build stuff

}

const stone = {

  name: 'Stone',

  amount: 300, // Start out with enough to build stuff

}

const gameData = {

  resourcesArray: [wood, stone],

}

const farm = {

  name: "Farm",

  amount: 0,

  cost: {

    'Wood': 10,

    'Stone': 5,

  },

}

function buyBuilding(thing = farm) {

  console.log(`Time to build a ${thing.name}!`);

  Object.keys(thing.cost).forEach(resource => {

    const amount = thing.cost[resource];

    console.log(`* This requires ${amount} ${resource}...`);

    const gameResource = gameData.resourcesArray.find(r => r.name === resource);

    console.log(`  | You have ${gameResource.amount} ${resource} available.`);

    // @TODO Check if you have enough before deducting

    gameResource.amount -= amount;

    console.log(`  | Only ${gameResource.amount} ${resource} left now.`);

  });

  console.log(`New game state:`, gameData.resourcesArray);

}

// Do the actual building!

buyBuilding(farm);