myObject.someFunc = function（）{...};有什麼區別？或myObject.prototype.someFunc = function（）{...}在JavaScript中？

Question

假設我在javascript中創建了一個對象。

var myObject = {}; 

之間有什麼區別...

myObject.someFunc = function(){...}; 

和

myObject.prototype.someFunc = function(){...} 

在javascript

？

我無法理解差異，或者是否存在差異以及如何以及何時使用這些語法。

看來，當我編寫這樣的代碼時，確實沒有什麼區別。

我正在尋找客戶端（瀏覽器）和服務器端（如node.js）的答案。

我想要正確，準確地編碼，這真的很困擾我。

Answer 1

在這種情況下：

var myObject = {}; 
myObject.someFunc = function(){...}; 

所有你正在做的是創建一個普通的對象，這恰好有一個屬性是一個函數的引用。這通常是爲了名稱間隔而完成的，即將共同對象下的一個地方的整個負載函數分組。

但是請注意，var myObject = {}實際上沒有prototype所以你的第二個例子是不可能的。

對於一個目的是有原型它必須是一個構造函數的結果，即

function MyObject() { 
    ... 
} 

MyObject.prototype.someFunc = function() { } 

var myObject = new MyObject(); 
// myObject.someFunc can now be used 

原型是構造函數的特性 - 沒有這個類的任何實例的。

如果將函數放在原型上，則只有函數對象的一個​​實例存在，並且將被該類的所有實例共享。這是更有效的內存，每個實例上都有一個副本。

無論代碼是在瀏覽器還是在服務器上，所有這些都適用 - 它仍然是相同的語言。

Answer 2

myObject.someFunc = function(){...}是該函數的一次性實例，誰的返回值正在分配給myObject的someFunc屬性。

myObject.prototype.someFunc = function(){}實際上是創建一個方法，可以在myObject上的任何位置調用，並且每次都會更改相同的值實例。

myObject.prototype.someFunc = function(num){ 
    this.num_to_be_stored = num; 
} 

將更改num_to_be_stored的值而不是someFunc，這是第一次發生的情況。

編輯：抱歉清晨不清楚我想說什麼。

Answer 3

本質上講，這表示一個靜態方法（或在這種情況下連接至僅該對象（myObject的一種方法）：

myObject.someFunc = function() {...}; 

這表示連接到對象（一個實例方法）的原型的方法：

myObject.prototype.someFunc = function() {...};