如何重构为更清洁的小部件维护状态版本答案

【问题标题】：How to refactor to cleaner version of maintaing states of the widget如何重构为更清洁的小部件维护状态版本
【发布时间】：2013-06-23 17:24:53
【问题描述】：

背景故事

我继承了一堆我想重构的代码。它是一个用 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 
}

我们在主工会中有很多这样的事情。

我正在清理这个烂摊子。维护小部件状态的最佳方法是什么？如果您需要我澄清，请告诉我。

【问题讨论】：

标签： javascript design-patterns refactoring state

【解决方案1】：

查看您的代码看起来您正在直接从您正确指出的函数访问您的视图代码，这是一个坏主意。如果您的应用程序有很多 GUI 东西，那么我建议您使用 MVVM 方法。它将使您的视图、绑定和功能完全分开。将来如果你想改变 GUI，你可以在不接触任何其他类的情况下做到这一点。好吧，我不是来自 JS 背景，但这就是我的 .Net exp 所说的。

【讨论】：