[Ext JS]Ext JS类的继承与混合| 成都西华升腾科技有限公司

Ext JS开发大全

CmsWing

[Ext JS]Ext JS类的继承与混合

## Ext JS类的继承与混合
Ext JS在前端使用了面对对象的概念， 可以实现类之间的继承，除此之外， 其还提供了类的混合功能（mixins）。
类的继承
对于熟悉面向对象的开发人员来说， 继承概念肯定不会陌生。直接看一段示例代码。
```javascript
Ext.define('Animal', {     
	eat: function() {            
	alert("需要吃饭...")          
	}       
	});          
	Ext.define('Human', {      
	extend: 'Animal',               
	walk: function() {    
	alert("直立行走...")       
	}        
});
```

这里使用Ext.define()定义了两个类：
Animal 类中有一个eat() 方法
Human类使用extend属性继承自Animal类， 该类本身定义了一个walk() 的方法。
在实例化Human类的时候， Human类的实例就同时具备eat() 和walk() 方法了。代码类似：
```javascript
var human = new Human();       
human.eat();       
human.walk();
```

### 类的混合
类的混合就是将其他类的能力糅合到某个类中， 相当于杂交的效果。 以示例代码来看：
```javascript
Ext.define('Tiger', {            
	fighting: function() {       
	alert("擅长搏斗...")         
	}    
	});      
	Ext.define('Lion', {   
	mixins: ['Tiger'], 
	run: function() {     
	alert("擅长奔跑...")    
	}        
});
```

Tiger 类 具备fighting() 方法
Lion 类具备run() 方法
Tiger类和Lion 类没有直接的继承关系， 可以通过mixins 属性让Lion也具备Tiger类的能力。mixins的值是一个数组， 可以配置多个类。
实例及方法调用代码如下：
            var liger = new Lion();            liger.fighting();            liger.run();

### 总结
extend 和 mixins 都可以实现类的功能的整合。
有继承关系的类优先使用 extend
如果两个类没有明显的继承关系，或是一个类需要其他多个类的功能， 使用 mixins

购物车

0 ITEMS ON YOUR CART

Ext JS开发大全

[Ext JS]Ext JS类的继承与混合

网站导航