如何微量元素木偶函數調用

Question

某處在全球範圍內：

let App = Backbone.Marionette.Application.extend({}); 
window.Ext = new App(); 

內部模塊A：

Ext.vent.trigger('Tracked:Email:send', { 
    from_email: tracking_data.sender, 
    to_emails: tracking_data.to, 
    cc_emails: tracking_data.cc, 
    email_id: tracking_data.email_id || '', 
    template: tracking_data.template_id || '', 
    subject: tracking_data.subject 
}); 

內部模塊B：

Ext.vent.on('all', function (evt_name, params) { 
    // something else... 
    console.log(params); 
} 

對象的屬性（from_email ，to_emails & cc_emails）是undefined當我打電話給模塊B中的console.log

我試圖用console.trace調試，但控制檯不顯示任何涉及更改對象的函數。我也嘗試使用Object.observe來捕捉更改對象的行爲，但未檢測到更改。

有些人可以教我一些調試技術來跟蹤Marionette中的函數調用和事件。

的情況是：

1. 我們的代碼庫是巨大的。
2. 我是我們公司的新人，所以我不確定是否有其他功能或事件涉及。
3. 我現在是唯一的前端開發人員。

Answer 1

好消息：這裏沒有什麼特別的關於木偶。每天的JavaScript調試技術將幫助你。噩耗：如您所知，調試大型事件驅動應用程序的難度爲難度爲。

你可能需要在Chrome瀏覽器開發工具，這些步驟（因人而異與其他瀏覽器）：

1. 斯普利特App.trigger線去的參數對象的引用：

let options = { from_email: ... } 
App.vent.trigger('Tracked:Email:send', options); 

1. Set a breakpoint on Ext.vent.trigger a nd運行你的代碼。

   當執行在斷點處暫停時，檢查options是否包含期望值。如果沒有，問題在App.vent.trigger之前。查找影響tracking_data的任何函數call stack。如果由異步代碼填充，您可能需要檢查異步複選框。

   如果options包含您期望的值，繼續...

2. 雖然執行暫停使用控制檯保存的全局引用您的參數對象：

> OPTIONS = options 

添加OPTIONS作爲watch expression。展開該項目，以便您可以觀察其屬性的更改。

逐步通過（包括木偶和骨幹代碼），直到您看到OPTIONS屬性更改。如果在步入App.vent.trigger時看不到木偶編碼，則可能需要從black boxed libraries中刪除木偶。