Ext JS 如何定义公用方法（单例类 or 静态方法）| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

Ext JS 如何定义公用方法（单例类 or 静态方法）

## Ext JS 如何定义公用方法（单例类 or 静态方法）
在开发中， 有一些公用方法需要定义在某个类中，， 这种类使用的使用不需要使用Ext.create的方式创建对象， 而是直接使用 全类名.方法名 的方式进行调用。类似Ext JS本身提供的字符串操作的 Ext.Sting 的单例类， 比如进行字符串前后空格的去除时，调用的方式如下：
```javascript
Ext.String.trim(s)
```

这种类型的类在后端语言中一般使用静态方法或者是单例类来是实现， 在Ext JS中实现的思路也基本类似， 这里介绍三种实现公用方法的方式：
基于JS的原生方式实现公用方法—立即执行函数
[推荐]定义Ext JS的单例类
在一般类中使用静态关键字statics实现
### 1. 基于JS的原生方式实现公用方法—立即执行函数
立即执行函数， 既函数定义之后立即调用，编码上是在函数的后面加上 括号， 类似：
```javascript
function 函数名(){}();
```

立即执行函数 在Ext JS框架本身有频繁的使用， 关于立即执行函数更多内容， 可以参考：
JS 立即执行的函数表达式(function)写法
这里使用立即执行函数 定义一个类，因为考虑命名空间， 所以定义了一个对象Osxm ， 再定义这个对象里的MyUtil 为立即执行函数， 定义的完整代码如下：
```javascript
        //1. 定义	
		var Osxm = {};
		Osxm.MyUtil = (function() {
			Util = {
				myProperty:'value1',
				myMethod: function(){
				alert('Hello.')
			}
		};
		return Util;
})();
```

解析以上上面的代码： Osxm.MyUtil 是一个立即执行的函数， 返回的对象包含 myProperty 和 myMethod， 分别表示类的属性和方法。 好了， 定义完成，接下来就是调用了， 调用如下：
```javascript
	Osxm.MyUtil.myMethod();
```
### 2.Ext JS定义单例类方式 [推荐]
使用Ext JS定义单例类是比较直观和简洁的方式， 也是 Ext JS 推荐的方式， 和一般类的定义类似， 只是需要增减一个属性设置，既设置singleton 的值为true , 完整的代码如下：
```javascript
	Ext.define('Osxm.MyUtil2', {
	singleton:true,
	myMethod: function(){
	alert('使用Ext JS的方式定义单例类'
	}
});
```

这种定义方式有一个好处， 就是使用alternateClassName属性定义别名，类似： alternateClassName: ['Osxm.MyUtil3'], ， 定义别名之后， 如果命名空间（也就是包名）比较长的话， 就可以使用简洁的方式调用了。
### 3.在一般类中使用静态关键字statics实现
```javascript
       Ext.define('Osxm.MyUtil3', {
			statics: {
			myMethod: function () {
			alert('在一般类中使用静态关键字statics实现') }
			}            
		});           
		Osxm.MyUtil3.myMethod();
```

这种方式也可以使用alternateClassName 定义别名。 使用statics关键字适合公用方法比较少和公用度不是很高的个别方法的场景。

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

Ext JS 如何定义公用方法（单例类 or 静态方法）

网站导航