將函數直接分配給構造函數與其原型之間有什麼區別？爲什麼？

Question

如果關閉，請原諒我的術語。我不明白之間的差別：

function Person() {}; 
Person.walk = function() {}; 

和...

function Person() {}; 
Person.prototype.walk = function() {}; 

看來，第二種方法是對構造方法的公約，但我不明白的差異，爲什麼它這樣做。謝謝！

Answer 1

在第一種情況：

function Person() {}; 
Person.walk = function() {}; 

您將能夠調用只與功能：

Person.walk(); 

如果您創建一個Person的一個實例，你將無法調用方法：

p = new Person(); 
p.walk() // -> TypeError: Object #<Person> has no method 'walk' 

另一方面，如果您使用原型，您將只能通過調用該方法一個實例。

Answer 2

第一個函數與該構造函數的對象實例沒有關係，您可以將其視爲「靜態方法」。

第二種功能，如要擴展的構造函數的原型，它會提供給使用new關鍵字創建的所有對象實例

例子：

// constructor function 

function MyClass() { 
    var privateVariable; // private member only available within the constructor fn 

    this.privilegedMethod = function() { // it can access private members 
    //.. 
    }; 
} 

// A 'static method', it's just like a normal function 
// it has no relation with any 'MyClass' object instance 
MyClass.staticMethod = function() {}; 

MyClass.prototype.publicMethod = function() { 
// the 'this' keyword refers to the object instance 
// you can access only 'privileged' and 'public' members 
}; 

var myObj = new MyClass(); // new object instance 

myObj.publicMethod(); 
MyClass.staticMethod(); 

Answer 3

原型是種與構造函數不同，用於創建實例的模板。請注意，原型的成員實際上並未複製到實例中，而是實例將使用原型的資源，除非資源已由實例擁有。

var Class = function() {}; 
Class.prototype.a = 1; 
Class.prototype.b = 2; 

// creates a new instance named "c" 
var c = new Class(); 
c.b = 3; 

console.log(
    c.hasOwnProperty('a'), // -> false 
    c.hasOwnProperty('b'), // -> true 
    c.a, // -> 1 (prototype) 
    c.b, // -> 3 (instance) 
    Class.prototype.b // -> 2 (prototype) 
);