的jQuery與原型對象擴展對象

Question

我設法聚集一原型對象到的JavaScript普通對象：

var ModuleA = function(data) { 
    this.data = data; 
}; 

ModuleA.prototype.funcA = function() { 
    alert(JSON.stringify(this)); 
} 

var myMainObject = { 
    list: [] 
}; 

$.extend(myMainObj <--------- ???ect, new ModuleA('Haha')); 

myMainObject.funcA(); 

現在myMainObject將數據屬性和funcA功能，因爲我合併到myMainObject 。

當我執行myMainObject.funcA時，這個參數實際上是myMainObject！

據我瞭解，當新建一個原型對象時，函數會綁定到用new創建的對象並傳遞給構造函數。

但與jQuery擴展，這個參數不是新的對象，但指向myMainObject，這使我困惑。

有什麼想法嗎？

Answer 1

當我執行myMainObject.funcA時，這個參數實際上是myMainObject！

沒錯。這就是this在JavaScript中的工作原理。該表達式：

myMainObject.funcA(); 

中查找funcA財產上myMainObject，取回一個函數的引用，然後調用該函數，調用該對象，它由（myMainObject）得到了功能過程中設置this。這是this分配的正常方式。

如果你想this別的東西，你可以用Function#bind創建一個函數與this烤成，或Function#call或Function#apply使用特定this值調用一個函數，但你可能不希望在您的方案中。

更多關於this（我的博客）：

• Mythical methods
• You must remember this（我需要更新此談談ES6箭頭功能）

---

請回復您的評論：

我的實際意圖是讓ModuleA功能已經沒有了混亂與myMainObject屬性

自己的範圍，那麼請不要混亂ModuleA到myMainObject。聽起來像是你想組成代替：

var myMainObject = { 
    list: [], 
    moda: new ModuleA() 
}; 

myMainObject.moda.funcA(); 

Answer 2

$.extend不調用構造函數，它只是複製對象的數據。從documentation：

屬性是經由新MyCustomObject（參數）構造的對象，或內置的JavaScript類型，如日期或正則表達式，不重新構造和將顯示爲在所得到的對象平原對象或數組。

對於不屬於此行爲的需求，請改爲編寫自定義擴展方法，或者使用像lodash這樣的庫。