『ExtJS』01 003. ExtJS 4 类的混合

ExtJS 4 中，可以在一个类里面包含另一个类，并合并它们的成员（包括方法与属性）。 使用这一个特性，我们可以对一些细小且经常被使用的方法进行打包，然后合并它们到各个需要它们的类中。

代码

---

ExtJS：4.0.7

IDE：Eclipse Java EE

浏览器：Chrome 25

//-------等待被混合的类---------------------------------
Ext.define('HasCamera', {
    takePhoto : function() {
        alert('Say Cheese! .... Click!');
    }
});

//-------混合HasCamera的另一个类------------------------
Ext.define('Cookbook.Smartphone', {
    mixins : {
        camera : 'HasCamera'
    },

    useCamera:function(){
        this.takePhote();    // 调用HasCamera的方法
    }
});

//-------实例化与调用----------------------------------
var smartphone = Ext.create('Cookbook.Smartphone');
smartphone.useCamera();    // Say Cheese! .... Click!

说明

---

1. 定义一个被‘混合’的类HasCamera；
2. 定义一个类Smartphone，并使用mixins关键字混合HasCamera；
3. 由于HasCamera已经被‘混合’到了Smartphone中，所以在Smartphone中，已经可以使用HasCamera的所有成员（包括属性）。

总结

---

‘混合’类与继承看起来类似，但是其主要的目的有所不同。使用‘混合’类的主要目的在于复用，使用继承的目的在于实现面向对象的一些目的（比如多态）。