在Ext JS 应用中， 页面组件的显示和操作功能的的开发模式主要有两种：
- MVC ：传统的Model，View, Controller 模式， 视图中相关功能函数定义在控制器中。
- MVVM： 视图和数据通过ViewModel进行绑定。
关于这两种模式的详细介绍可以参考：
第2章[2.3] 基于Ext JS的MVC/MVVM架构的应用开发模式
这两种模式都有一个特点， 就是一个View对应一个Controller或者ViewModel， 视图和控制器是一一对应的， 如果某个面板的某个按钮的函数就是定义在这个视图对应的控制器类中， 如果有多个视图需要的按钮功能类似怎么办？
当然， 在各自对应的控制器中定义相同的方法可以达到功能，但是代码冗余了， 同一个应用中类似的代码存在多处， 而且修改起来也要同时修改，是否可以做到类似Java代码中的静态函数呢？ 也就是将这些函数定义成静态的公用函数，在每个视图控制器中都可以调用这个函数。
这里的答案也是肯定的， 而且实现方式不止一种。
Ext JS 定义静态公用函数的两种方式
这里介绍使用静态公用函数的两种方式
- 在控制器类中使用statics关键字定义静态代码
- 使用JS的立即执行函数的方式
方式1 类似Java后端代码的静态方法的定义，在类中使用statics定义的方法，不需要实例化该类的对象就可以使用。方式2则是从JavaScript本身的特性出发的，更接近前端开发的思维。