原型 - 爲類添加功能

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