如何重構的小部件

Question

背景故事

我繼承了一堆，我想重構代碼的狀態維修器材清潔版本。這是一個用JavaScript編寫的UI應用程序。

當前狀態：

我們有這由幾個UI組件的主要應用。並且每個組件都有輸入字段，文本框，菜單等），例如「票據」，「客戶信息」等。基於輸入，從何處調用應用程序，誰是用戶，我們啓用/禁用，隱藏，顯示，改變標題。

不幸的是，該應用程序增長到了真正難以擴展的地步，添加了新功能。驅動程序（應用程序代碼）主要調用各個組件的設置/取消設置功能。所以很多的東西，看起來像這樣

主要應用單位

function1() { 
    **call_function2()** 
    component1.setX(true); 
    component1.setY(true); 
    component2.setX(false); 
} 

call_function2() { 
     // it may repeat some of the code function1 called 
} 

，我們在主要的工會了很多本。

我正在清理這個爛攤子。維護小部件狀態的最佳方法是什麼？ 請讓我知道，如果你需要我澄清。

Answer 1

看着你的代碼看起來像你直接從函數訪問你的視圖代碼，正如你正確指出的是一個壞主意。如果你的應用程序是很多GUI的東西，那麼我建議你使用MVVM方法。 它會保持你的視圖，綁定和功能完全分開。將來如果你想改變GUI，你可以做到這一點，而不需要觸及任何其他類。 嗯，我不是來自JS背景，但這是我的.net exp說的。