原型 - 为类添加功能

Question

正在学习原型。将函数“sayName”放入类中或稍后通过原型添加它会更好吗？或者它是一样的，取决于情况？

function Animal(name,numLegs){ 
    this.name = name; 
    this.numLegs = numLegs; 
    this.sayName = function(){ 
     console.log("Hi my name is " + this.name); 

    }; 
} 


var penguin = new Animal("Captain Cook", 2); 
penguin.sayName(); 

或

function Animal(name,numLegs){ 
    this.name = name; 
    this.numLegs = numLegs; 
} 

Animal.prototype.sayName = function(){ 
    console.log("Hi my name is " + this.name); 
}; 


var penguin = new Animal("Captain Cook", 2); 
penguin.sayName(); 

Answer 1

这是不一样的，作为第一个版本将使用更多的内存，为有史以来Animal实例都有其自己的this.sayName。在后者中，所有Animal实例对访问同一sayName：

function Animal(name,numLegs){ 
    this.name = name; 
    this.numLegs = numLegs; 
    this.sayName = function(){ 
     console.log("Hi my name is " + this.name); 
    }; 
} 

var dog = new Animal(4, "Jack"); 
var alligator = new Animal(4, "Snap"); 

dog.sayName = function(){ console.log("woof"); } 

dog.sayName(); 
alligator.sayName(); 

会导致

woof 
Hi my name is Snap 

因为dog和alligator不共享相同的功能sayName，而改变后一个例子中的原型将改变sayName的所有调用。

Answer 2

这是更好地使用原型共享资源

Answer 3

这个问题已经有了答案 - 它取决于形势。阅读此答案：https://stackoverflow.com/a/15497685/783743

如果您的方法需要访问构造函数的私有变量，那么除了在构造函数中定义它之外，您没有别的选择。否则，您应该始终在prototype对象上声明它们。

你也应该仔细阅读以下条款：重写在JavaScript方法]的

1. http://javascript.crockford.com/private.html
2. https://stackoverflow.com/a/8096017/783743