Deck实例化后原型方法抛出‘not a function’错误，求排查

听起来你遇到的是原型链配置的典型问题——当直接把Deck.prototype赋值为一个包含方法的字面量对象时，很容易破坏实例和原型之间的关联，导致实例找不到这些方法。

问题根源 #

当你执行Deck.prototype = { draw: function() {...}, ... }这种操作时，你其实是完全替换了原来的Deck原型对象，而不是在原有原型上添加方法。这会带来两个关键问题：

• 新的原型对象的constructor属性不再指向Deck（会默认指向Object），可能导致后续的类型判断出问题
• 如果是在已经创建new Deck()实例之后才做的原型替换，这些实例的__proto__仍然指向原来的原型对象，自然找不到新原型上的方法
• 就算是在实例化之前替换，如果你没有正确处理原型链，也可能出现方法无法被实例继承的情况

而你说Deck.prototype.draw()能生效，是因为你直接调用了原型对象本身的方法，并没有通过实例的原型链去查找，所以绕开了这个问题。

修复方案 #

方案1：逐个添加原型方法（推荐） #

不要直接替换整个原型对象，而是在默认的Deck.prototype上逐个添加方法：

function Deck() {
  // 你的构造函数逻辑
  this.deck = [];
  // ...其他初始化代码
}

// 逐个添加原型方法
Deck.prototype.draw = function(numCards) {
  // 你的draw方法逻辑
  return this.deck.splice(0, numCards);
};

Deck.prototype.shuffle = function() {
  // 你的shuffle方法逻辑
};

这种方式会保留原有的原型链结构，constructor属性也会正确指向Deck，实例化后自然能调用这些方法。

方案2：替换原型时手动修正constructor和确保时机正确 #

如果你一定要用对象字面量的方式批量定义原型方法，记得在实例化之前完成原型替换，并且手动把constructor指回Deck：

function Deck() {
  this.deck = [];
  // ...初始化逻辑
}

// 先替换原型对象
Deck.prototype = {
  constructor: Deck, // 必须手动添加这一行
  draw: function(numCards) {
    return this.deck.splice(0, numCards);
  },
  shuffle: function() {
    // 洗牌逻辑
  }
};

// 然后再创建实例
const myDeck = new Deck();
myDeck.draw(2); // 现在可以正常调用了

验证你的场景 #

你提到带参数的方法只能通过Deck.prototype.draw()调用生效，那大概率是你在实例创建之后才替换了原型对象，或者替换原型时没加constructor且原型链关联出了问题。按照上面的方案调整后，实例应该能正常调用原型方法了。

内容的提问来源于stack exchange，提问作者Nicholas Hrboka