爲什麼像這樣向JavaScript引用類型添加方法不起作用？

Question

比方說，我有這樣的構造：

function Person(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName; 
} 

我想方法添加到它。

爲什麼這樣的：

Person.prototype.getFullName = function() { 
    return this.firstName + " " + this.lastName; 
}; 

就是要做到這一點，而不是這樣的：我不知道爲什麼我收到downvoted

Person.getFullName = function() { 
    return this.firstName + " " + this.lastName; 
}; 

，所以如果downvoters會增加我將不勝感激評論與downvote的實際原因。這將幫助我更好地說出我未來的問題。

我在某種程度上理解了原型背後的繼承概念。至少在初級水平的教程，文章和書籍中顯示的範圍內。

讓我感到困惑的可能是我在Java和類中的背景，這在JavaScript中不是一回事。

我想象，這個定義一個類Person：

function Person(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName; 
} 

當我使用類創建一個對象：

var myObject = new Person("John", "Doe"); 

我仍然可以添加一些新的屬性或方法到該對象：

myObject.getFullName = function() { 
    return this.firstName + " " + this.lastName; 
}; 

現在只有myObject會有這個新的方法getFullName，很清楚。

var myObject2 = new Person("Daniel", "Cook"); 

對於myObject2沒有getFullName方法，依然清晰。

一旦我添加了一個方法，我的「類」的原型Person將通過與「類」創建的所有對象繼承：

Person.prototype.getFullName = function() { 
    return this.firstName + " " + this.lastName; 
}; 

現在甚至myObject2，有getFullName方法。明確。

好的。我認爲我在腦海中解決了這個問題的根源。擴展這篇文章幫助了我。

函數Person也是一個對象，對不對？

Answer 1

myObject.methodName = function() {};增加了一個名爲methodName的方法來反對myObject。這意味着您可以直接從myObject調用它，並且不需要創建實例。

簡單地說，你只是這樣稱呼它：

myObject.methodName(); 

---

myObject.prototype.methodName = function() {};添加一個名爲methodName到對象myObject的原型方法。這意味着它存在於每個myObject的實例中，但不能直接從myObject調用它。

你可以通過這樣稱呼它：

var someInstance = new myObject(); 
someInstance.methodName(); 

在這種情況下，myObject.methodName();會產生一個錯誤！

---

這兩種都是在JavaScript上實現object的有效方法。他們背後只是一個不同的概念。

要深入瞭解這兩種方法之間的差異，我建議你看看我的文章The many ways to implement OOP in Javascript。