使用 .prototype 向类添加方法

问题描述

我正在尝试定义一个名为“User”的类......然后在代码中我试图通过写入“prototype”来向该类添加一个方法。 我不确定我的术语在这里是否正确......尽管我希望“who_auto”方法可用于“用户”的所有未来实例......

在 JSfiddle 中尝试这段代码......给了我错误消息： “未捕获的类型错误：pp.who_auto 不是函数”

这是我的代码：

class User {
  constructor(name) {
    this.name = name;
    this.chatroom = null;
  }

  who() {
    return `I am ${this.name}`;
  }
}

User.prototype = {
  who_auto: function() {
    console.log(`
  Hello,I am ${this.name}
  `);
  }
}
const pp = new User('peter parker');
console.log(pp);
console.log(pp.who());

pp.who_auto();

解决方法

您覆盖了原型，而不是向原型添加属性。以下代码有效。

class User {
  constructor(name) {
    this.name = name;
    this.chatroom = null;
  }

  who() {
    return `I am ${this.name}`;
  }
}

User.prototype.who_auto = function() {
  console.log(`Hello,I am ${this.name}`);
}

const pp = new User('peter parker');
console.log(pp);
console.log(pp.who());

pp.who_auto();