javascript - '; ' 尝试创建原型(prototype)函数调用时预期

Question

我正在尝试创建一个简单的 Animal 类，其中包含构造函数和原型(prototype)函数以返回动物的名称和描述。

到目前为止，我为该类创建了构造函数:

class Animal {
    Animal(name, description) {
        this.name = name;
        this.description = description;
    }
}

但是当我尝试创建动物原型(prototype)并调用函数来返回动物的名称和描述时...

Animal.prototype.message = function() {
    return this.name " + has the following description: " + this.description;
}

...Visual Studio Code 突出显示 Animal.prototype.message() 中的句点并告诉我';'预期。

我已经这样做了一个小时了，我觉得我错过了一些明显的东西，但无论如何我想知道我做错了什么。预先感谢您的帮助。

编辑:修复了代码拼写错误。

Answer 1

我在这里看到几个问题。

1. 在您的类中，您没有构造函数(Animal 应该是构造函数)
2. 您正在使用原型(prototype)向您的类添加函数。为什么不以正确的方式去做(...es6+ 方式)

我认为您收到的愚蠢错误是由于“构造函数”设置(使用 Animal 而不是 构造函数)或者是因为您正在执行

Animal.prototype.message() = function { ... } (应为 Animal.prototype.message() = function() { ... } )

示例:

class Animal {
    constructor(name, description) {
        this.name = name;
        this.description = description;
    }
    message() {
        return `${this.name} has the following description:  ${this.description}`;
    }
}

const animal = new Animal('liger', 'a lion and a tiger');
const message = animal.message();
console.log(message);