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

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),因此我更正了它们,并用逗号分隔了字符串中的每个属性,您可以更改它。

09-17 13:04