javascript - 基于JavaScript文本的宠物游戏

我正在尝试创建一个基于文本的虚拟宠物护理游戏。我希望能够给您两个宠物（具有属性的对象）和通过修改对象属性与这些对象进行交互的函数。所以这是我所拥有的：

function Pet(pet_name){
    this.pet_name = pet_name;
    this.pet_hunger = Math.floor((Math.random() * 10) + 1);
    this.pet_health = Math.floor((Math.random() * 10) + 1);
    this.pet_happiness = Math.floor((Math.random() * 10) + 1);

    this.feed = feed;
    this.show = show;
}

pet1 = new Pet("Brian");
pet2 = new Pet("Lassy");

function feed(){
    var amount = Math.floor((Math.random() *2) + 1);
    this.pet_hunger = this.pet_hunger - amount;
    if (this.pet_hunger < 0){
        this.pet_hunger = 0;
    }
    this.show();
 }

function show(){
    var the_string = "";
    if (this.pet_health === 0){
        the_string = this.pet_name + " is dead!";
    }
    else {
        the_string += "Name: " + this.pet_name;
        the_string += "Hunger: " + this.pet_name;
        the_string += "Health: " + this.pet_health;
        the_string += "Happiness: " + this.pet_happinesss;
    }
}

当我运行代码时：

console.log(pet1);
console.log(pet1.feed());
console.log(pet1);

我收到以下信息：

{ pet_name: 'Brian',
  pet_hunger: 4,
  pet_health: 4,
  pet_happiness: 10,
  feed: [Function: feed],
  show: [Function: show] }
undefined
{ pet_name: 'Brian',
  pet_hunger: 2,
  pet_health: 4,
  pet_happiness: 10,
  feed: [Function: feed],
  show: [Function: show] }

这样我们就可以看到feed函数正在工作。但是，我仍然不确定为什么显示未定义。现在，我创建了一个名为show的函数。这应该清楚地显示四个人的统计数据（姓名，饥饿，健康，幸福）。但是，当我尝试运行时：

console.log(pet1.show);
console.log(pet1.feed());
console.log(pet1);

我收到以下信息：

[Function: show]
undefined
{ pet_name: 'Brian',
  pet_hunger: 4,
  pet_health: 1,
  pet_happiness: 9,
  feed: [Function: feed],
  show: [Function: show] }

我不确定为什么我的show函数无法正常工作。我真的只想让我的控制台清晰显示：名称：饥饿：健康：幸福：大家有想法吗？

最佳答案

之所以得到undefined是因为，当您执行代码时，浏览器将记录函数的返回值。由于您未指定return，因此函数将返回undefined，这就是控制台记录的内容。

如果要在show函数中返回该字符串，则必须...好吧，返回字符串：

// ...

function feed(){
    var amount = Math.floor((Math.random() *2) + 1);
    this.pet_hunger = this.pet_hunger - amount;
    if (this.pet_hunger < 0){
        this.pet_hunger = 0;
    }
    return this.show();
}

function show(){
    var the_string = "";
    if (this.pet_health === 0){
        the_string = this.pet_name + " is dead!";
    }
    else {
        the_string += "Name: " + this.pet_name + ", ";
        the_string += "Hunger: " + this.pet_hunger + ", ";
        the_string += "Health: " + this.pet_health + ", ";
        the_string += "Happiness: " + this.pet_happiness;
    }
    return the_string;
}

console.log(pet1.show());
// Logs 'Name: a, Hunger: b, Health: c, Happiness: d'

您也有一些错别字（在更正之前，您的宠物的幸福感是undefined，ha），因此我更正了它们，并用逗号分隔了字符串中的每个属性，您可以更改它。