在构造函数中定义原型方法

Question

今天，我看到了一生中从未见过的JavaScript模式。 我无法说出使用这种模式的目的。 这对我来说似乎不对，但我想保守一点。 这可能是我以前从未见过的一些很棒的模式。

function Dog() {
    Dog.prototype.bark = function () {
        alert('woof!');
    }

    this.bark = function () {
        Dog.prototype.bark();
    }

    this.bark();
}

首先，我不是没有理由在构造函数中创建方法（作为特权成员）的粉丝。 每次创建实例时都会导致创建函数。 其次，在这段代码片段中，它还调用原型名称“Dog”，而不是“this”。 这让我非常困惑。

谁知道它有什么好处？

谢谢！ 恩典

Answer 1

出于很多原因，这是一个非常糟糕的主意。 其中一些是：

1. 在构造函数中向原型添加方法将导致每次实例化一个新Dog时替换所有实例的prototype方法。
2. 调用Dog.prototype.bark()意味着this将是Dog.prototype而不是你的Dog实例，这可能会导致严重的问题。
3. this.bark = function () { Dog.prototype.bark(); } this.bark = function () { Dog.prototype.bark(); }是一些严重的跆拳道。 因为this.bark已经评估了原型方法，因此不必要。 并且像这样调用它实际上会破坏自然的this值，正如＃2中提到的那样。

这应该是：

function Dog() {
  this.makeSound();
};

Dog.prototype.bark = function() {
  alert('woof');
};

Dog.prototype.makeSound = function() {
  this.bark();
};

或者，根本没有原型：

function Dog() {
  this.bark = function() {
    alert('woof');
  };

  this.makeSound = function() {
    this.bark();
  };

  this.makeSound();
};

我根本不相信你的这个片段。

Answer 2

很抱歉非常迟到的回复，但是如果你真的想在构造函数中添加原型并且在创建新实例时没有重新创建原型，那么你可以这样做：

function Dog() {
    if (!Dog.prototype.bark) {
        Dog.prototype = function() {
            console.log('woof');
        }
    }

    this.bark();
}

我仍然可能不会使用这种方法，但我有一些跨实例，在处理第三方框架（狡猾的类型）时这个方法是一个选项。