未捕获的TypeError：undefined不是函数

Question

我是一个相当初级的程序员，所以请解决这个问题的解决方案很简单（尽管我一直努力寻找已经发布的解决方案）。 我正在尝试面向对象的编程，但是在第14行运行程序“未捕获的TypeError：未定义不是函数”时，收到此错误消息。

var Gladiator = Object.create(null);
Gladiator.prototype = {
  becomeGladiator: function(attack, defense, hitPoints, name) {
    this.attack = attack;
    this.defense = defense;
    this.hitPoints = hitPoints;
    this.name = name;
  },
};

var Human = Object.create(Gladiator.prototype); 
Human.prototype = {
  becomeHuman: function(attack, defense, hitPoints, name) {
    this.becomeGladiator(attack, defense, hitPoints, name); //Error here
};
var ethan = Object.create(Human.prototype);
ethan.becomeHuman(14, 12, 15, "Ethan")

谢谢。

Answer 1

prototype是函数（构造函数）的属性，用于在创建实例时设置内部[[Prototype]]属性。 Object.create接受一个父对象，并创建一个原型为父对象的对象。 您只需要普通对象：

var Gladiator = Object.create(null);
Gladiator.becomeGladiator = function(attack, defense, hitPoints, name) {
  this.attack = attack;
  this.defense = defense;
  this.hitPoints = hitPoints;
  this.name = name;
};

var Human = Object.create(Gladiator);
Human.becomeHuman = function(attack, defense, hitPoints, name) {
  this.becomeGladiator(attack, defense, hitPoints, name); //Error here
};

var ethan = Object.create(Human);
ethan.becomeHuman(14, 12, 15, "Ethan");

Answer 2

如果您对为什么代码不起作用感到好奇， 请执行以下简短说明：

1. ethan继承自Human.prototype对象。
2. Human.prototype继承自Object.prototype实例，因为它是使用对象的创建文字运算符{}创建的。
3. 因此，当您执行ethan.becomeHuman(..) ，解释器将检查ethan是否具有属性becomeHuman 。 它不是。 然后，它对ethan继承自的对象Human.prototype 。 现在这确实具有一个属性becomeHuman因此将其与绑定到ethan this关键字一起调用。
4. 然后在进一步执行中， this.becomeGladiator是ethan.becomeGladiator 。 现在， ethan实例不具有名为becomeGladiatar的属性。 它继承自Human.prototype实例，该实例也没有属性becomeGladiator 。 Human.prototype继承自Object.prototype ，而Object.prototype都没有becomeGladiatar分配任何属性becomeGladiatar 。 您已经检查了整个原型（继承）链，但均未成功，这就是为什么会出错的原因。