一旦对象被调用，对象内的自动调用函数？

Question

我目前正在尝试找到一种方法，以允许对象中的函数在对象被调用后运行。

比如下面这个Object...

const textNodes = [
{
    id: 1,
    faction: "Greaser",
    text: "Do you want to help this person?",
    options: [
        {
            text: "Yes",
            nextText: 2
        },
        {
            text: "No",
            nextText: 2
        },
    ]
},
{
    id: 2,
    faction: "greaser",
    text: "It was a trap, do you run or kill them?",
    options: [
        {
            text: "Run",
            nextText: 3,
            damage: 0,
        },
        {
            text: "Kill",
            nextText: 5,
            damage: 8,
            moneyDrop: 20,
            radiationDamage: 2,
            logic: function update() {
                console.log("update function worked")

                if(character.greaser == true && this.faction == "greaser"){
                    console.log("greaser check worked");
                }

                character.health -= this.damage;
                character.cash += this.moneyDrop;
                character.radiationLevel += this.radiationDamage;
                character.maxHP -= this.radiationDamage;

                if(this.radiationDamage >= 1 ){
                    addRadiatedStatus();
                }

                console.log("character HP" + " " +  character.health);
                console.log("character maxHP" + " " +  character.maxHP);
                console.log("moneyDrop " + " " +  this.moneyDrop);
                console.log("character cash" + " " +  character.cash);
                console.log("radiation level" + " " +  character.radiationLevel);
                console.log("character Raditated?" + " " +  character.radiated);
            },
        },
    ]
}
]

如您所见，我有一个函数update()，一旦调用该函数，它将更改一个字符对象。

我目前正在调用该函数，例如... textNodes[1].options[1].logic();

当然，我不想这样做，因为我正在构建一个 rpg 决策游戏。用户将获得一个问题和一些选择，并允许创建自己的路径。如果用户得到 3 个选项，并且用户选择了选项 2，我将运行选项 2 的 logic() / update() 函数。

每个游戏选项都会附加一个功能，它会做不同的事情，每次我选择选项时，我都希望该功能自动运行。我不确定这是否可能，但这似乎是最合乎逻辑的选择。

我正在构建的纸牌决策游戏类似于https://www.youtube.com/watch?v=ByBUsBxPrZ4。

正如您在此视频中看到的，每张选择的卡片（火种应用风格）都会更新游戏和角色统计数据。

我希望这些更新函数在调用对象选项后立即运行。我不确定这是否可能，一位同行告诉我my hint to you is to use classes，但我不经常使用类，除非我用 java 编码，坦率地说我不喜欢。

抱歉，如果这很难理解并提前致谢。

---

这是我尝试过的。

const textNodes = [
    {
        id: 1,
        faction: "Greaser",
        text: "Do you want to help this person?",
        options: [
           {
            text: "Yes",
            nextText: 2
           },
           {
            text: "No",
            nextText: 2
           },
        ]
    },
    {
        id: 2,
        faction: "greaser",
        text: "It was a trap, do you run or kill them?",
        options: [
           {
            text: "Run",
            nextText: 3,
            damage: 0,
           },
           {
            text: "Kill",
            nextText: 5,
            damage: 8,
            moneyDrop: 20,
            radiationDamage: 2,
            logic: function update(){
                console.log("update function worked")
                if(character.greaser == true && this.faction == "greaser"){
                    console.log("greaser check worked");
                }
            character.health -= this.damage;
            character.cash += this.moneyDrop;
            character.radiationLevel += this.radiationDamage;
            character.maxHP -= this.radiationDamage;
            if(this.radiationDamage >= 1 ){
                addRadiatedStatus();
            }
            console.log("character HP" + " " +  character.health);
            console.log("character maxHP" + " " +  character.maxHP);
            console.log("moneyDrop " + " " +  this.moneyDrop);
            console.log("character cash" + " " +  character.cash);
            console.log("radiation level" + " " +  character.radiationLevel);
            console.log("character Raditated?" + " " +  character.radiated);

            },
            run2:  () =>{
                this.logic();
            }
           },
        ]
    }
]

Answer 1

最简单的方法是调用logic（又名update）在您希望在它们完成工作后进行更新的函数的末尾。

如果出于某种原因您不想这样做，您可以将它们包装在另一个可以执行此操作的函数中。创建textNodes后：

for (const {options} of textNodes) {
    for (const option of options) {
        const original = option.theOtherFunction;
        option.theOtherFunction = function(...args) {
            const result = original.apply(this, args);
            this.logic();
            return result;
        };
    }
}

现在，调用textNodes[i].options[1].theOtherFunction() 将完成theOtherFunction 的工作，然后调用logic（除非抛出错误）。

或者在 ES5 中：

textNodes.forEach(function(textNode) {
    textNode.options.forEach(function(option) {
        var original = option.theOtherFunction;
        option.theOtherFunction = function() {
            var result = original.apply(this, arguments);
            this.logic();
            return result;
        };
    });
});

---

从函数中重新调用this.logic，你可以看到它工作得很好：

const textNodes = [{
    id: 1,
    faction: "Greaser",
    text: "Do you want to help this person?",
    options: [{
        text: "Yes",
        nextText: 2
      },
      {
        text: "No",
        nextText: 2
      },
    ]
  },
  {
    id: 2,
    faction: "greaser",
    text: "It was a trap, do you run or kill them?",
    options: [{
        text: "Run",
        nextText: 3,
        damage: 0,
      },
      {
        text: "Kill",
        nextText: 5,
        damage: 8,
        moneyDrop: 20,
        radiationDamage: 2,
        logic: function update() {
          console.log("update function worked")
          /*
          if (character.greaser == true && this.faction == "greaser") {
            console.log("greaser check worked");
          }
          character.health -= this.damage;
          character.cash += this.moneyDrop;
          character.radiationLevel += this.radiationDamage;
          character.maxHP -= this.radiationDamage;
          if (this.radiationDamage >= 1) {
            addRadiatedStatus();
          }
          console.log("character HP" + " " + character.health);
          console.log("character maxHP" + " " + character.maxHP);
          console.log("moneyDrop " + " " + this.moneyDrop);
          console.log("character cash" + " " + character.cash);
          console.log("radiation level" + " " + character.radiationLevel);
          console.log("character Raditated?" + " " + character.radiated);
          */
        },
        run2: function() {
          console.log("This is run2");
          this.logic();
        }
      },
    ]
  }
];

textNodes[1].options[1].run2();